보통 썸네일이 들어가는 리스트를 코딩할때 ie6을 고려해서 아래와 같이
마지막li에last 클래스는 넣어주곤 했는데요. 방법1 (예제용이라서 플롯해제는 생략)
그런데 li에 클래스를 넣지않고 코딩하는 방법을 생각해 봤는데
ul에 width값을 늘어난 마진만큼 넣어주면 레이아웃이 깨지지 않고 되더라구요. 방법2
두 방법중에 어떤 방법이 더 나을까요?
방법1
style
.wrap {width:600px;}
.wrap ul {}
.wrap ul li {float:left; widht:200px; margin-right:10px;}
.wrap ul li.last {margin-right:0;}
/style
body
div class=
ul
li이미지1/li
li이미지2/li
li class=last이미지3/li
/ul
/div
/body방법2
style
.wrap {width:600px;}
.wrap ul {width:630px;}
.wrap ul li {float:left; widht:200px; margin-right:10px;}
/style
body
div class=
ul
li이미지1/li
li이미지2/li
li이미지3/li
/ul
/div
/body
모람 2025.12.31
어느 방법도 쓰기 나름이겠죠.~!!
UL 영역에 제한이 있다면 아래 방법은 비추네요.
하지만 margin-right보다는 margin-left가 컨트롤 하기에는 더 편할꺼예여..
만약 li 에 margin-left:10px 만큼 주었을때..
ul 에서 margin-left:-10px; 만큼 뺴주면
맨 처음 li는 자동으로 margin-left:0px의 값을 가지게 됩니다.
화면상으로는 말이죠~@@
단 한가지 단점은 -10px에 다른 컨텐츠가 겹치