首页 > 技术文章 > html css 不换行 超出宽度部分省略,显示三个点...

keepLeung 2021-01-05 09:36 原文

超出宽度部分省略,显示三个点...

.className{

  overflow: hidden; // 超出部分隐藏

  word-break: keep-all; // 换行模式:只在半角空格或连字符处换行

  white-space: nowrap; // 不换行(除遇到 <br> 标签外)

  text-overflow: ellipsis; // 文本超出省略(三个点)

}

 

建议配合hover显示全部内容;

推荐阅读