.txt{
background: gainsboro;
width: 200px; //设置文字显示宽度
overflow: hidden; //溢出内容隐藏
white-space: nowrap; //强制文本在一行内显示
text-overflow: ellipsis; //当对象内文本溢出时显示省略标记
}
<p class="txt">CSS实现多余文字用省略号代替CSS实现多余文字用省略号代替</p>
标签：文字,显示,省略,省略号,overflow,CSS
来源： https://www.cnblogs.com/Ma-YuHao/p/16519553.html