웹솔루션개발 22년 노하우! 해피CGI의 모든것

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

웹프로그램밍 자료실/HTML 자료

[해피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://www.w3.org/wiki/CSS/Selectors#Structural_pseudo-classes


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

 

홈페이지바로가기

Comments