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

Answer 1

也许您需要将display:inline-block添加到CSS中。不确定为什么它会插入一个换行符。

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

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

<强> DEMO

Answer 2

html中的

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

Answer 3

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