1. 程式人生 > >(轉載)div內文字超過寬度時自動換行

(轉載)div內文字超過寬度時自動換行

strong 部分 div 英文單詞 tar oba blank word-wrap ati

解決方法:div 設置寬度後 style加上 word-break:break-all; 或者 word-wrap:break-word;

區別:(http://zhidao.baidu.com/link?url=yx2WfaUWYrx0TrUFiOFYXuFh7G-bDWKMUC195o4PmUE-Bot_i8BroTXKijsw7OBAF4TARnTdwr8iJY4XItnw6_)

word-break:break-all: 例如div寬200px,它的內容就會到200px自動換行,如果該行末端有個英文單詞很長(congratulation等),它會把單詞截斷,變成該行末端為conra(congratulation的前端部分),下一行為tulation(conguatulation)的後端部分了。

word-wrap:break-word: 與上面一樣,但區別就是它會把congratulation整個單詞看成一個整體,如果該行末端寬度不夠顯示整個單詞,它會自動把整個單詞放到下一行,而不會把單詞截斷掉的。

(轉載)div內文字超過寬度時自動換行