css怎么設置文字自動換行？下面本篇文章就給大家介紹css設置文字（特別是連續的數字和英文）自動換行的方法。
關於換行問題，正常字符的換行是比較合理的，但連續的數字和英文字符常常將容器撐大，而不換行，就挺讓人頭疼了，這就需要進行強制自動換行了。
示例：
html代碼：
<div> <p>正常文字的換行(亞洲文字和非亞洲文字)元素擁有默認的white-space:normal，當定義的寬度之后就會自動換行</p> <p>數字和英文字符:</p> <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p> <p>強制換行后</p> <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p> </div>css代碼：
.demo .wrap { table-layout: fixed; word-wrap: break-all; word-break: normal; overflow: hidden; }廣州包裝設計公司http://www.maiqicn.com 電腦刺綉綉花廠 ttp://www.szhdn.com
說明：
word-break: break-all; 設置文字的強制自動換行，但只對英文起作用，以字母作為換行依據。
因為文字的容器p的寬度為400px，所有它的內容會在到達400px時自動換行，但該行末端有個很長的英文單詞，它並不會把單詞挪到下一行在顯示，而是在本行把單詞截斷，一部分保持在行尾顯示，另一部分換到下一行顯示，這樣不是很利於英文的閱讀。
word-wrap: break-word; 設置文字的強制自動換行，但只對英文起作用，以單詞作為換行依據。
文字與上面一致，但區別在於它會把整個單詞看成一個整體，如果該行末端寬度不夠整個單詞顯示，它就會自動把整個單詞放到下一行顯示，而不會把單詞截斷掉。