css超出一行不折行而是显示省略号

37次阅读

共计 145 个字符，预计需要花费 1 分钟才能阅读完成。

通过使用 text-overflow 和 white-space 属性来使文本在一行内显示，超出则加省略号；

必要条件有：

  • 必须给元素超出隐藏（overflow:hidden;）
  • 强制在同一行显示（white-space: nowrap;），不折行；
  • 省略号（text-overflow:ellipsis;）
正文完
css
发表至：无分类
2019-11-01
 0