가로 메뉴가 홀수일 때 유용한 가상선택자 last-child happycgi

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > CSS > 메뉴 > 가로 메뉴가 홀수일 때 유용한 가상선택자 last-child 상세정보

클라우드태그

Javascript

PHP

ASP

CSS

html

mysql

jquery

image

API

Mobile

메뉴

slide

게시판

현재접속자 명

가로 메뉴가 홀수일 때 유용한 가상선택자 last-child

해피팀

네티즌

소스분류

메뉴

다운로드 횟수

0 회

간단설명

가로메뉴가 짝수일떄는 상관없지만 홀수 일때 가로너비가 꼭맞게 설정하고자 한다면 가상선택자를 이용해 간단하게 해결할 수 있습니다.

평가하기

가로메뉴가 짝수일때는 상관없지만,
홀수일때 가로 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 [웹미니 블로그]

네티즌 의견 이용하신 자료의 후기를 자유롭게 작성하세요. (상업적인 광고 및 도배성 글 등은 사전통보없이 삭제될 수 있습니다.)

내용

아이디

의견남기기

등록된 의견이 없습니다.