記錄一個簡單的css樣式，重點：style="width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;",必須要有個寬度，white-space:nowrap;禁止換
行，overflow:hidden;隱藏多余的文本，text-overflow:ellipsis;多余的文本變為...這樣在表格td中則文本不換行隱藏，但不完美，td寬度還是文字沒隱藏的那個寬度，要想td不
被文字本身撐開，則在table中加入style="table-layout: fixed;width：100%"，table-layout: fixed;寬度固定，td給個固定寬度。這樣無論在屏幕上面研的分辨率下都能正常
隱藏多余文本，且能很好控制表格行寬度。
擴展：
1 word-break: break-all; 只對英文起作用，以字母作為換行依據。
2 word-wrap: break-word; 只對英文起作用，以單詞作為換行依據。
3 white-space: pre-wrap; 只對中文起作用，強制換行。
4.white-space:nowrap; 是禁止換行。
word-break:break-all 和 word-wrap:break-word 都是能使其容器如DIV的內容自動換行，它們的區別在於：
1、word-break:break-all
假設div寬度為450px，它的內容就會到450px自動換行，如果該行末端有個很長的英文單詞，它會把單詞截斷，一部分保持在行尾，另一部分換到下一行。
2、word-wrap:break-word
例子與上面一樣，但區別就是它會把整個單詞看成一個整體，如果該行末端寬度不夠顯示整個單詞，它會自動把整個單詞放到下一行，而不會把單詞截斷掉。