单行文本溢出隐藏,显示三个点省略号

1.给该元素的父元素设置

width:50px;
 white-space:nowrap;
 text-overflow:ellipsis;
 overflow:hidden;

2.上代码截图

单行文本溢出隐藏,显示三个点省略号_第1张图片

3.看效果 

单行文本溢出隐藏,显示三个点省略号_第2张图片

 4......end

你可能感兴趣的:(html,前端,css,开发语言)