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

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

必要条件有:

  • 必须给元素超出隐藏(overflow:hidden;)
  • 强制在同一行显示(white-space: nowrap;),不折行;
  • 省略号(text-overflow:ellipsis;)
原文链接:segmentfault.com

上一篇:面试官:请你介绍一下let const Object.freeze() ,set和get
下一篇:5个有趣且不必要的 JavaScipt 技巧

相关推荐

官方社区

扫码加入 JavaScript 社区