なぜ私のテキストオーバーフロープロパティは機能しませんか？

Question

外側のdivをinline-blockに設定し、その幅を20pxに設定しました。 text-overflowプロパティを省略記号に設定すると、それは機能しません。何故ですか？ overflow:hiddenの

Answer 1

1）用途：ここに画像です。

2）white-space: nowrap;を使用すると、折り返しテキストが防止されます。

とも、あなたのケースで：

3）width:45pxの使用。 （私が写真に見たものに基づいて、3つの数字が見える）。

div { 
 
    width: 45px; 
 
    border: 1px solid #CCC; 
 
    text-overflow: ellipsis; 
 
    overflow: hidden; 
 
    white-space: nowrap; 
 
    display: inline-block; 
 
}

<div>23132313</div>