css - Css：div的溢出和宽度

Question

假设我的全文如下所示：

Hello, my name is David.

我想要一个 div 把它变成：

Hello, my name i

这很简单，我只希望 div 的宽度为，例如90px. 所以其余的文本不会显示，也不会转到下一行。

.glass-text {
font-family:Tahoma, Geneva, sans-serif;
font-size:11px;
width:90px;
overflow:hidden;
height:15px;
}

但上面的 css 不起作用，其余的文本转到下一行：

Hello, my name i
s David

score 1 · Accepted Answer

也许您需要添加display:inline-block到您的 CSS 中。不知道为什么它会插入换行符。

我什至会将这两行添加到.glass-text：

text-overflow:ellipsis;
white-space:nowrap;

score 0 · Accepted Answer

0

Hello, my name is David.在 html 或white-space: nowrap;css 中。

于 2012-08-13T00:52:58.763 回答

score 0 · Accepted Answer

0

同时使用 white-space: nowrap 和 overflow: hidden

于 2012-08-13T00:57:59.633 回答

3 回答 3