CSS - 如何使內容適合段落的寬度/高度？

Question

我有一段HTML使用p標記。現在我想改變這個段落的高度和寬度，所以它只顯示段落的開始（頭部），然後當我將它懸停在它上面時，它顯示完整的段落。我如何使用CSS來做到這一點？

注意**我不能改變的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

這是更好，如果你使用JavaScript這樣的東西，但如果你堅持CSS，在這裏你去。

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

一個小例子here