CSS省略号text-overflow超出溢出显示省略号

1.text-overflow文本有溢出时显示css省略号clip ellipsis样式

想要溢出的部分不显示但用省略号（…）显示.用text-overflow文本溢出省略号属性样式实现。

text-overflow语法：

text-overflow : clip | ellipsis

text-overflow参数值和解释：

ellipsis :当对象内文本溢出时显示省略标记（…）

text-overflow应用说明：

要想实现显示不完内容将显示省略号代替，还需要html nobr标签完成（nobr禁止换行标签）



实现方法

1）、对象设置text-overflow:ellipsis;省略号样式

2）、使用nobr标签，强制让内容不换行（css换行、css不换行）。



text-overflow省略号样式总结：

要想隐藏溢出内容同时又想让过多内容以省略号样式显示，需要用到css

overflow,和text-overflow样式，同时避免文字自动换行我们使用html nobr标签强制内容不换行。