html - CSS：如何在高度有限的框中设置文本样式

Question

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

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

我想设置boxdiv 的样式，如果可变文本的高度超过 100 像素，则会将其截断，以便该框用作相关文本的一种掩码。环境

.box{
   height: 100px;
}

在这里没有诀窍。

Answer 1

试试这个：

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

Answer 2

您可以将这个术语max-height与 CSS3 一起使用，也许 white-space:nowrap;

Answer 3

您可以使用overflow:hidden

参见 jsfiddle 例如：http: //jsfiddle.net/

Answer 4

试试这个

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