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

轉自：https://blog.csdn.net/liuyan19891230/article/details/50969393 P標簽是默認是自動換行的，因此設置好寬度之后，能夠較好的實現效果，但是最近的項目中發現，使用ajax加載數據之后，p標簽內的內容沒有換行，導致布局 ...

一、P標簽是默認是自動換行的，因此設置好寬度之后，能夠較好的實現效果 但是對於一串的數字或者單詞卻不具有這樣的格式優勢 二、各種方式　 　　強制不換行：p { white-space:nowrap; } 　　自動換行：p { word-wrap:break-word ...

...

強制換行 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; ...