CSS 부분적으로

Question

숨겨진 경우의 우리가 약간 짧은 문단 상자 있다고 가정 해 봅시다 사라 넘치는 요소를 강제 :

<div style="overflow:hidden"> 
    <p>Some text</p> 
    <p>Some text</p> 
    <p>Some text</p> 
    <p>Some text</p> 
</div> 

상자의 높이 때문에 때로는 부분적으로 숨겨진 단락 '하나의 텍스트 변수 .

단락을 완전히 표시하거나 전혀 표시하지 않는 CSS 속성이 있습니까? 아니면 javascript를 사용하여 계산해야합니까?

Answer 1

내가 CSS로하지만, 자바 스크립트를 사용하여이 작업을 수행 할 수있는 방법을 모르고, 당신은 확인할 수 있습니다

var parent = element.parentElement; 
if (element.clientTop + element.clientHeight > parent.clientTop + parent.clientHeight) { 
    ... element is outside parent ... 
} 

당신은 마지막으로 완전히 볼 단락을 찾는 이진 검색을 사용할 수 있습니다.