css强制一行，自动裁剪文字，用省略号结尾。

css强制一行，自动裁剪文字，用省略号结尾。

.txt{
width: 200rpx;     //设置文字显示宽度（这个必须有）
overflow: hidden;  //溢出内容隐藏（可以改为拖动）
white-space: nowrap;  //强制文本在一行内显示(可以改为普通显示<不影响排版>）
text-overflow: ellipsis; //当对象内文本溢出时显示省略标记（可以改为无）
}
 
 
<p class="txt">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
1
2
3
4
5
6
7
8
9

参考：
CSS3 text-overflow 属性
https://www.runoob.com/cssref/css3-pr-text-overflow.html
CSS 布局 - Overflow
https://www.runoob.com/css/css-overflow.html