在 div 内仅将文本换行两行

我想将文本包装在特定宽度的 div 内的两行内。如果文本超出两行的长度，那么我想显示省略号。 有没有办法使用 CSS 来做到这一点？

e.g.

Sample text showing wrapping
of text in only two line...

如果您设置了 CSS，则可以将输出限制为两行文本line-height and height的元素，并设置overflow:hidden;:

#someDiv {
    line-height: 1.5em;
    height: 3em;       /* height is 2x line-height, so two lines will display */
    overflow: hidden;  /* prevents extra lines from being visible */
}

--- jsFiddle 演示 --- http://jsfiddle.net/jackwanders/sxk8n/

或者，您可以使用 CSStext-overflow and white-space属性来添加省略号，但这似乎只适用于单行。

#someDiv {
    line-height: 1.5em;
    height: 3em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
}

还有一个演示：

--- jsFiddle 演示 --- http://jsfiddle.net/jackwanders/sxk8n/1/

实现多行文本和省略号似乎是 javascript 的领域。