css3多余的显示点点点 |css 修改滚动条dome

这个特性通常用于显示文章标题、文件名等单行文本。但是，当大家想要省略的内容过长时，多余的显示点点点会出现，影响阅读体验。

/* 样式示例 */
.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100px;
}

解决这个问题的方法就是通过CSS属性进行设置，控制省略内容的长度，选项如下：

• text-overflow：

text-overflow属性决定了超出部分的展示方式。默认情况下省略是由text-overflow:ellipsis触发的。除了ellipsis之外，还可以设置为clip，用来隐藏超出部分。

• white-space：

white-space属性定义了如何处理空格、换行符以及制表符等空白符，处理方式包括normal、nowrap、pre-wrap等等，选择对应的方式即可。

• overflow：

overflow属性定义了当内容超出容器时，是否显示滚动条或省略。通常情况下，大家想要超出的内容被省略时，需要将overflow属性设置为hidden。

• width：

width属性定义了区域的宽度，超出该宽度的内容将被省略。大家需根据实际情况，选择合适的长度。

总之，通过以上四个属性的设置，大家就能够去掉多余的显示点点点，使得网页内容更加美观易读。