Adblock_detected

AdBlock을 사용중이시네요..

index.html

CSS로 리스트 li 항목 개수 제한하기

[CODE/WEB]

HTML에서 ol 이나 ul을 사용해서 리스트에 추가될 li 항목의 개수를 모를 때,

표시되는 개수를 정하고 싶으세요?


물론 자바스크립트로 추가되는 항목을 제한할 수도 있겠지만,

간단히 CSS로 리스트의 표시항목 개수를 지정하는 법이 있답니다.

li:nth-of-type(n+10) {
    display: none;
} 

바로 이렇게 nth-of-type 를 써서 n 번째 항목들을 감추는 방법인데요,

이 경우엔 10개만 표시되고, 그 이후의 항목들은 보이지 않겠죠?


유용하셨다면 공감버튼 부탁드릴게요!

1 ··· 12 13 14 15 16 17 18 19 20 ··· 43