【CSS】单行文本超过宽度显示省略号的样式

算是比较实用的样式。

这个方法只有在单行的情况下才会奏效,所以在样式写的时候必须要限定只能单行。(比如使用white-space:nowrap;来强制单行)然后加上overflow:hidden; 隐藏溢出。最后加上关键样式text-overflow:ellipsis;即可

样式如下:

  1. div {
  2. white-space:nowrap;
  3. overflow:hidden;
  4. text-overflow:ellipsis;
  5. }


效果:

我是一段很长很长很长...................
本博客所有文章如无特别注明均为原创。作者:小乐复制或转载请以超链接形式注明转自 众众帮
原文地址《【CSS】单行文本超过宽度显示省略号的样式
分享到:更多

相关推荐

发表评论

路人甲 表情
Ctrl+Enter快速提交

网友评论(0)