css實現文字不換行溢位顯示省略號

css文字不換行溢位顯示省略號的實現方法：首先開啟css樣式表；然後通過屬性「white-space: nowrap;」實現文字強制不換行；接著通過「text-overflow:ellipsis;」實現文字溢位顯示省略號即可。

推薦：《》

1. 強制不換行

• white-space: nowrap; 文字強制不換行；

• text-overflow:ellipsis; 文字溢位顯示省略號；

• overflow:hidden; 溢位的部分隱藏；

2. 自動換行

• word-wrap: break-word;

• word-break: normal;

3.強制英文單詞斷行

word-break:break-all;

以上就是css實現文字不換行溢位顯示省略號的詳細內容，更多請關注TW511.COM其它相關文章！