CSS - 단락의 너비/높이에 맞게 내용을 만드는 방법은 무엇입니까?

Question

p 태그를 사용하여 HTML에 단락이 있습니다. 이제 단락의 시작과 끝 부분을 보여주기 위해이 단락의 높이와 너비를 변경하고 그 위에 마우스를 가져 가면 전체 단락을 표시합니다. CSS로 어떻게 할 수 있습니까?

참고 ** 나는 ..

Answer 1

다음 기본 코드는 당신을 위해 작동합니다 작은 예, 당신은 CSS 애니메이션 등 필요한 수 있도록 수정할 수 있습니다.

p { 
    // Put whatever height you want here, we're using max-height here so that 
    // paragraphs that are smaller than this don't get extra blank spacing. 
    max-height: 20px; 

    // Hide the extra content 
    overflow: hidden; 
} 

p:hover { 
    max-height: none; 
} 

Answer 2

당신이 그런 물건 자바 스크립트를 사용하는 경우 그것은 더 나은,하지만 당신은 CSS 주장하는 경우, 여기 당신이 가고 난 단지 CSS 함께 놀러해야 SO HTML 코드를 변경할 수 없습니다.

p{ 
    border: solid; 
    height: 10px; 
    overflow:hidden; 
} 
p:hover{ 
    height: 100%; 
} 

here