Css 經常使用樣式

1. table(td) 不自動換行，超長自動截斷用...代替顯示

table td{word-break: keep-all;white-space:nowrap; overflow: hidden;text-overflow: ellipsis;}

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

white-space:
normal：默認。空白會被瀏覽器忽略。
pre：空白會被瀏覽器保留。其行爲方式相似 HTML 中的 <pre> 標籤。
nowrap：文本不會換行，文本會在在同一行上繼續，直到遇到 <br> 標籤爲止。
pre-wrap：保留空白符序列，可是正常地進行換行。
pre-line：合併空白符序列，可是保留換行符。
inherit：規定應該從父元素繼承 white-space 屬性的值。

overflow :
visible：默認值。內容不會被修剪，會呈如今元素框以外。
hidden：內容會被修剪，而且其他內容是不可見的。
scroll：內容會被修剪，可是瀏覽器會顯示滾動條以便查看其他的內容。
auto：若是內容被修剪，則瀏覽器會顯示滾動條以便查看其他的內容。
inherit：規定應該從父元素繼承 overflow 屬性的值。

text-overflow:
clip：修剪文本。
ellipsis：顯示省略符號來表明被修剪的文本。
string：使用給定的字符串來表明被修剪的文本。