爲什麼我的文本溢出屬性不起作用？

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>