先看看最簡單的，利用 text-overflow:ellipsis 實現單行文本溢出顯示省略號效果 效果如下： 所有主流瀏覽器都支持 text-overflow 屬性。但這個屬性僅適用於單行文本，多行的情景遠比單行復雜。 1.利用 ...

css樣式 white-space: nowrap; overflow: hidden; text-overflow: ellipsis; ...

　　最主要的css樣式： 　　white-space: nowrap; 　　overflow: hidden; 　　text-overflow: ellipsis; 　　例子： ...

如果只顯示一行，則可以使用以下方法： 　　overflow: hidden; 　　text-overflow:ellipsis; 　　white-space: nowrap; 如果需要顯示 ...

1 ...

在html中如果要把多余的文字顯示為省略號，那么有以下幾種方法： 單行文本： 多行文本： 1.利用-webkit-line-clamp屬性 缺點：僅適用於webkit內核或移動端頁面。在火狐，ie等瀏覽器並不支持。 2.用偽元素模擬實現 設定固定寬 ...

.title{ font-size: .7rem; line-height: 1.5rem; overflow: hidden; /** 隱 ...

...