CSS：如何在高度受限的框中設置文本樣式

Question

具有以下利用Dust.js的html：

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

我想對box div進行樣式box ，以使如果可變文本的高度超過100像素，則將其截斷，以使該box可以用作所討論文本的一種蒙版。 設置

.box{
   height: 100px;
}

在這里不解決問題。

Answer 1

嘗試這個：

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

Answer 2

您可以在CSS3中使用術語max-height ，也可以 white-space:nowrap;

Answer 3

您可以使用overflow:hidden

例如，請參見jsfiddle： http : //jsfiddle.net/

Answer 4

嘗試這個

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