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

Question

我将外部 div 设置为 inline-block 并将其宽度设置为 20px。当我将 text-overflow 属性设置为省略号时，它不起作用。这是为什么？这是图片：

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>