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

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>