html css 不换行 超出宽度部分省略，显示三个点...

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

.className{

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

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

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

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

}

 

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