**如下：
這是一行文字，要求其在一行顯示，且越界部分以省略號顯示。
效果圖如下所示：
**詳解：
如果要實現此種樣式，關鍵的css屬性值有以下三個：
text-overflow; overflow; white-space
text-overflow:規定當
文字溢位包含元素時發生的事情
語法：text-overflow:clip|ellipsis|string
預設值：clip
clip:修剪文字
ellipsis:顯示省略符號來代表被修剪的文字
string:使用給定的字串來代表被修剪的文字
overflow:規定當內容溢位元素框時發生的事情
語法：overflow:visible|hidden|scroll|auto|inherit
預設值：visible
visible:內容不會被裁剪，會顯示在元素框之外
hidden:內容會被裁剪，並且其餘部分是不可見的
scroll:內容會被裁剪，但瀏覽器會顯示滾動條以便檢視其餘內容（個人認為雞肋，從來沒有使用過）
auto:如果內容被裁剪，則瀏覽器會顯示滾動條以便檢視其餘內容
inherit:規定應該從父元素繼承overflow屬性的值
white-space:設定如何處理元素內的空白
語法：white-space:normal|pre|nowrap|pre-wrap|pre-line|inherit
預設值：normal
normal:空白會被瀏覽器忽略
pre:空白會被瀏覽器保留，其行為方式類似於html中的標籤
nowrap:文字不會換行，文字會在同一行上繼續，直到遇到
標籤為止
pre-wrap:保留空白符序列，但是正常的進行換行
pre-line:合併空白符序列，但是保留換行符
inherit:規定應該從父元素繼承white-space屬性的值（所有的ie瀏覽器都不支援此屬性）
注：個人經過測試發現這裡的空白符包含回車鍵入，鍵盤敲入的空格。如果是使用「 」設定的空格不受影響。
如果有錯誤歡迎指正！！！
css設定文字不換行並顯示省略號
1 單行文字顯示省略號 width value 具體的值 設定容器具體的寬度 white spacing nowrap 強制文字在一行內顯示 overflow hidden 溢位內容為隱藏 text overflow ellipsis 溢位文字顯示省略號 2 多行文字顯示省略號 display we...
css控制文字換行
設定為break word時，文字中的長單詞或url可以換行 換行換行換行換行換行換行換行換行aaaaaaaaaaaaaaaa 新增換行後的效果 若css不設定word wrap，遇到長單詞時內容溢位，效果如圖所示 設定為break all時，文字遇到長單詞，會選擇在合適的位置截斷進行換行 換行換行...
css控制文字換行
設定為break word時，文字中的長單詞或url可以換行 換行換行換行換行換行換行換行換行aaaaaaaaaaaaaaaa 新增換行後的效果 若css不設定word wrap，遇到長單詞時內容溢位，效果如圖所示 設定為break all時，文字遇到長單詞，會選擇在合適的位置截斷進行換行 換行換行...