li 태그 개행 처리 채택완료
li 태그를 사용하면 밑으로 나열이 되는데 이것을 옆으로 출력시키면서 특정 갯수가 되면 밑으로 개행처리
되게 하고 싶은데요 css로 해결해야 할 것 같은데 어떻게 짜야 할지 모르겠어요...
목록을 테이블에서 불러오기 때문에 데이터가 유동적 입니다.
틀을 잡아주는 코딩은 다음과 같이 했습니다.
</p><p style="margin-left: 0px;"><div></p><p style="margin-left: 0px;"> <ul></p><p style="margin-left: 0px;"> <li>AAA</li></p><p style="margin-left: 0px;"> <li>BBB</li></p><p style="margin-left: 0px;"> <li>CCC</li></p><p style="margin-left: 0px;"> </ul></p><p style="margin-left: 0px;"></div></p><p style="margin-left: 0px;">
2개 까지 뿌리고 3번째 부터 개행 처리 하려고 합니다.
답변 1개
http://webisfree.com/blog/?titlequery=css-:nth-child-%EC%84%A0%ED%83%9D%EC%9E%90%EC%97%90-%EB%8C%80%ED%95%9C-css-%EC%A0%81%EC%9A%A9%EB%B0%A9%EB%B2%95--%ED%99%80%EC%88%98-%EB%B0%8F-%EC%A7%9D%EC%88%98%EB%B2%88%EC%A7%B8-%EC%9A%94%EC%86%8C-%EC%84%A0%ED%83%9D">http://webisfree.com/blog/?titlequery=css-:nth-child-%EC%84%A0%ED%83%9D%EC%9E%90%EC%97%90-%EB%8C%80%ED%95%9C-css-%EC%A0%81%EC%9A%A9%EB%B0%A9%EB%B2%95--%ED%99%80%EC%88%98-%EB%B0%8F-%EC%A7%9D%EC%88%98%EB%B2%88%EC%A7%B8-%EC%9A%94%EC%86%8C-%EC%84%A0%ED%83%9D
해당글 참고가 될런지요.
css에서
li+li+li { }
이런식으로 처리도 가능하긴 합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인