[해피CGI][cgimall] 가로 메뉴가 홀수일 때 유용한 가상선택자

해피CGI윤실장 2017. 12. 13. 09:19

가로메뉴가 짝수일때는 상관없지만,
홀수일때 가로 100% 맞아떨어지지가 않는다.

ex)

<ul>
<li>메뉴1</li>
<li>메뉴2</li>
<li>메뉴3</li>
</ul>

해결방법 css

li{width:33%}
li:last-child {width:34%}

33%로는 떨어지지 않아서 마지막 li에는 34%로 주면 가능합니다.
반대로 li:first-child 로 해줘도 됩니다.

가상선택자는 여러가지가 있으니
링크타고 참고해주세요.

출처: http://blog.webmini.net/797 [웹미니 블로그]