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

Answer 1

display:inline-blockCSSに追加する必要があるかもしれません。改行を挿入する理由がわかりません。

これらの2行をに追加し.glass-textます：

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

デモ

Answer 2

空白：nowrapとoverflow：hiddenの両方を使用します

Answer 3

Hello, my name is David.html またはwhite-space: nowrap;css で。