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

...

強制換行 word-wrap:break-word; （單詞換行） word-break:break-all; （單個字符換行） 強制不換行 white-space:nowrap; 單行文字超出顯示省略號（注意：配合寬度） overflow:hidden ...

多余文字使用省略號效果 代碼 ...

CSS控制文本超出指定寬度后用省略號代替，CSS控制文本不換行。 一般的文字截斷（適用於內聯與塊）： .text-overflow { display:block;/*內聯對象需加*/ width:31em; word-break:keep-all;/* 不換行 ...

white-space,text-overflow,overflow overflow: hidden;text-overflow:ellipsis;white-space: nowrap; ...

overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; ...

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