如何将文本包装到允许的高度，然后如果文本在最后一行溢出，则显示省略号 - 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;