수다닷컴

보통 썸네일이 들어가는 리스트를 코딩할때 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

신청하기