CSS中实现一行超出显示三个点,其实就是文本溢出处理。这种情况在实际开发中非常普遍,很多情况下我们需要让文本过长的时候保持一定的长度,同时又不影响文本内容的展现,这时候就需要使用CSS中的文本溢出处理
CSS中实现一行超出显示三个点,其实就是文本溢出处理。这种情况在实际开发中非常普遍,很多情况下我们需要让文本过长的时候保持一定的长度,同时又不影响文本内容的展现,这时候就需要使用CSS中的文本溢出处理方法。
text-overflow:ellipsis;
text-overflow属性可以设置文本溢出时的处理方式,其中ellipsis表示使用省略号来代表文本溢出的部分。我们通常会将它与white-space和overflow两个属性一起使用:
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
其中white-space:nowrap用来设置文本不换行,overflow:hidden用来将超出部分隐藏起来。这三个属性的结合就可以实现一行超出显示三个点的效果了。
粉丝
0
关注
0
收藏
0