css 控制文本多出省略/內容自動換行

css 控制文本多出省略

這個屬性: text-overflow ： clip | ellipsis (預設值是clip)

　　　　　clip：不顯示省略標記（...），而是簡單的裁切。

　　　　　ellipsis：當對象內文本溢出時顯示省略標記（...）

值得注意的是:試用該屬性的對象必須有一個寬度

---------------------------------------------------------------------------------------------------------------------------------------------

css 控制對象內文字自動換行

這個屬性:word-wrap ： normal | break-word (預設值是normal)

　　　　 normal：控制連續文本換行。

　　　　 break-word：內容將在邊界內換行。如果需要，詞內換行（word-break）也會發生。

另一個對象內文字自動換行屬性 word-break 和 word-wrap 但是也是有區別的 (很好的例子地址http://www.jb51.net/css/42578.html)

相容 IE 和 FF 的換行 CSS 推薦樣式 word-wrap:break-word; overflow:hidden;

不是:word-wrap:break-word; word-break:break-all;

也不是:word-wrap:break-word; overflow:auto;