CSS：如何風格在框中的文本具有有限的高度

Question

有以下HTML，充分利用Dust.js：

<div class="box"> 
    {text} 
</div> 

我想要的樣式DIV box這樣，如果文本，這是變，高度超過100像素，則會被切斷，從而該盒子可以作爲所討論文本的一種掩碼。設置

.box{ 
    height: 100px; 
} 

在這裏沒有辦法。

Answer 1

嘗試這

.box{ 
    max-height: 100px; 
    text-overflow:ellipsis; 
    white-space:nowrap; 
} 

Answer 2

您可以使用術語max-height用CSS3和也許white-space:nowrap;

Answer 3

試試這個：

.box{ 
    max-height: 100px; 
    overflow:hidden; 
} 

Answer 4

可以使用overflow:hidden

看到的jsfiddle例如：http://jsfiddle.net/