換行+省略號

只是Mark一下，不是正規文章。

換行問題

word-break: 規定自動換行的處理方法

word-break	break-all	keep-all	normal
	容許單詞內換行	只能在半角空格或連字符處換行。	瀏覽器默認

word-wrap: 容許長單詞換行到下一行 word-wrap: break-word;

word-wrap	break-word	normal
含義	在長單詞或 URL 地址內部進行換行。	只在容許的斷字點換行（瀏覽器保持默認處理）。

Chrome, Safari以及其餘WebKit/Blink瀏覽器還支持費非官方標準的break-word值，其表現就和word-wrap: break-word同樣。

css3中換成了overflow-wrap，但支持的瀏覽器不多。因此仍是乖乖用word-wrap吧。

以上解釋太晦澀。。不如看圖：

換行問題

圖2改爲word-break: break-all;

空格問題

white-space(是否容許空格換行): 如何處理元素內的空白。// todo 暫時只瞭解nowrap好了

white-space	normal	pre	nowrap	pre-wrap	pre-line	inherit
			不容許空格處換行

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

實現展現不完的文字使用省略號。

word-break:keep-all; 結合text-overflow使用，有不同的效果：