css強制一行，自動裁剪文字，用省略号結尾。

css強制一行，自動裁剪文字，用省略号結尾。

.txt{
width: 200rpx;     //設定文字顯示寬度（這個必須有）
overflow: hidden;  //溢出内容隐藏（可以改為拖動）
white-space: nowrap;  //強制文本在一行内顯示(可以改為普通顯示<不影響排版>）
text-overflow: ellipsis; //當對象内文本溢出時顯示省略标記（可以改為無）
}
 
 
<p class="txt">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
           

參考：

CSS3 text-overflow 屬性

https://www.runoob.com/cssref/css3-pr-text-overflow.html

CSS 布局 - Overflow

https://www.runoob.com/css/css-overflow.html