css - 如何将文本换行直到允许的高度，如果文本在最后一行溢出，则显示省略号 - CSS

Question

我有一个这样的 div -：

<div id="prep">Hey jony whats up. The new solar radars are of great use and may evern put some of the wacky scientist to brain strom. Crazy!</div>.

这是相关的 css -：

#prep {
    height:32px;
    font-weight:bold;
    overflow:hidden;
    text-overflow:ellipsis;
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
    line-height:16px;
    display:block;
}

显然只有 2 行文本可见。但由于所有文本都不适合 div，我想显示ellipses在最后一个可见文本行的末尾。

Answer 1

You need to add a width, and white space.

    width: 56px;
    white-space: nowrap;