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

Question

拥有以下利用Dust.js的HTML：

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

我想设置box div的样式，如果文本是可变的，高度超过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;
}