为什么我的文本溢出属性不起作用？

Question

我将外部div设置为内嵌块，并将其宽度设置为20px。当我将文本溢出属性设置为省略号时，它不起作用。这是为什么？这里是图片：

Answer 1

1）使用overflow:hidden。

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>