的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。不知道爲什麼它會插入一個換行符tho。

我連這2行添加到.glass-text：

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

DEMO

Answer 2

在HTML Hello, my name is David.或white-space: nowrap;在CSS。

Answer 3

使用兩個空白：NOWRAP和溢出：隱藏