style="word-break: break-all;"
word-break:break-all 和 word-wrap:break-word都是能使其容器如DIV的內容自動換行。
它們的區別就在于:
1,word- break:break-all 例如div寬200px,它的內容就會到200px自動換行,如果該行末端有個英文單詞很長(congratulation等),它會把單詞截斷,變成該行末端為conra(congratulation的前端部分),下一行為tulation(conguatulation)的后端部分了。
2,word- wrap:break-word 例子與上面一樣,但區別就是它會把congratulation整個單詞看成一個整體,如果該行末端寬度不夠顯示整個單詞,它會自動把整個單詞放到下一行,而不會把單詞截斷掉的。
word-break; break-all 支持版本:IE5以上 該行為與亞洲語言的 normal 相同。也允許非亞洲語言文本行的任意字內斷開。該值適合包含一些非亞洲文本的亞洲文本。
WORD-WRAP:break-word 支持版本:IE5.5以上 內容將在邊界內換行。如果需要,詞內換行( word-break )也將發生。