visible:默認值，內容不會被修剪，會呈現在元素框之外；
hidden：內容會被修剪，並且其余內容是不可見的；
scroll：內容會被修剪，但是瀏覽器會顯示滾動條，以便查看其余的內容;
auto：如果內容被修剪，則瀏覽器會顯示滾動條，以便查看其他的內容;
normal：默認值，多余空白會被瀏覽器忽略只保留一個；
pre：空白會被瀏覽器保留；
pre-wrap：保留一部分空白符序列，但是正常的進行換行；
pre-line:合並空白符序列，但是保留換行符；
nowrap:文本不會換行，文本會在同一行上繼續，直到遇到<br/>標簽為止;
clip：不顯示省略號（...），而是簡單的裁切;
ellipsis：當對象內文本溢出時，顯示省略標記；
1、容器寬度：width：value；（px、%，都可以）
2、強制文本在一行內顯示:white-space：nowrap;
3、溢出內容為隱藏：overflow：hidden；
4、溢出文本顯示省略號：text-overflow：ellipsis;
注，此方法是設置單行文本！！！
如果感覺對自己有幫助，麻煩點一下關注，會一直和大家分享知識的，謝謝！！！