文字溢出隐藏

三段代码实现文字溢出隐藏

  /*1. 强制一行内显示文本*/
      white-space: nowrap;
  /*2. 超出的盒子部分隐藏*/
      overflow: hidden;
  /*3. 用省略号替代超出的部分*/
      text-overflow: ellipsis;

即可实现效果：

white-space属性

white-space设置或检索对象内文本显示方式。通常用于文本内容强制一行显示。

 标签。

text-overflow属性

text-overflow 属性规定当文本溢出包含元素时发生的事情。