css 超出隐藏文字 |extjs 动态css

.overflow-hidden {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

在上面的代码中，大家使用了三个属性。

• overflow: hidden用于隐藏元素内的内容，
• text-overflow: ellipsis用于在超出文本时显示省略号（…），
• white-space: nowrap用于禁止元素内的文字换行。

同时要注意，在使用超出文本隐藏属性时，这个属性必须放到一个固定宽度的块级元素中才能起作用。这是因为省略号的显示实际上是基于元素的固定宽度计算的，而如果没有固定宽度，就无法计算其宽度。

最后，使用超出文本隐藏属性时，要注意元素内的文字不能太短，否则省略号不会被显示。一般来说，文字长度应该大于等于容器的宽度。