一、文本溢出省略號顯示
1.文本溢出是否“...”顯示屬性：text-overflow：clip（不顯示省略標記）/ellipsis（文本溢出時“...”顯示）
定義此屬性有四個必要條件：1）須有容器寬度：width：value；
2）強制文本在一行內顯示：white-space：nowrap；
3）溢出內容隱藏：overflow：hidden；
4）溢出文本顯示“...”：text-overflow：ellipsis；
2.溢出屬性：overflow：visible（默認值，不會被隱藏）
hidden（內容隱藏）
auto（如果內容隱藏，則瀏覽器內顯示滾動條）
scroll（內容會隱藏並顯示滾動條）
inherit（規定應該從父元素繼承overflow屬性的值）
注：overflow-x：hidden；隱藏橫向滾動條
overflow-y：hidden；隱藏縱向滾動條
3.空余空間屬性 (該屬性用來設置如何處理元素內的空白；)：white-space:normal/pre/nowrap/pre-wrap /pre-line /inherit
normal（默認值，空白會被瀏覽器忽略）
nowrap（文本不會換行，文本會在同一行上繼續，直到遇到標簽<br />為止）
pre（空白會被瀏覽器保留，其行為方式類似HTML中的pre標簽）
pre-wrap（保留空白符序列，但是正常的進行換行）
pre-line（合並空白符序列，但是保留換行符）
inherit（規定應該從父元素繼承White-space屬性的值(ie瀏覽器不支持此屬性值)）