css text 省略号

CSS文本省略号是CSS中一个很有用的属性，它可以用来控制文本溢出时如何显示省略号。

text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;

这三个属性结合起来可以实现CSS文本省略号，具体各个属性的作用如下：

text-overflow:用来设置文本溢出时如何显示省略号。ellipses表示显示省略号。

overflow:用来设置文本溢出时是否隐藏。hidden表示隐藏。

white-space:用来设置元素内部文本的换行规则。nowrap表示不换行。

在使用时，需要将CSS文本省略号添加到需要显示省略号的元素中：

.example {
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
    

当元素内部文本超出200px的宽度时，就会显示省略号。

注意：

1. 只有在宽度限制下，文本才会出现省略号；

2. 该属性只适用于单行文本，多行文本需要借助JS实现。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！