設定文字不換行，超過的部分用“...”代替

 overflow: hidden;

 text-overflow: ellipsis;

 white-space: nowrap;

 width: 200px;

除width屬性外，順序不要顛倒哦！

表格內容不想換行

#tab td{             white-space: nowrap; }

1.white-space

① normal 預設，空白會被瀏覽器忽略

② pre 空白會被瀏覽器保留。其行為方式類似HTML中的<pre>標籤

③ nowrap 文字不會換行，文字會在同一行上繼續，直到遇到<br>標籤（開始換行）為止

④ pre-wrap 保留空白符序列，但是正常地進行換行

⑤ pre-line 合併空白符序列，但是保留換行符

⑥ inherit 規定應該從父元素繼承white-space 屬性的值

2 word-break

① normal 使用瀏覽器預設的換行規則

② break-all 允許在單詞內換行

③ keep-all 只能在半形空格或連字元處換行

3 text-overflow

① clip ： 修剪文字

② ellipsis : 顯示省略符號來代表被修剪的文字

③ string : 使用給定的字串來代表被修剪的文字