今天又經歷了惡心的頁面錯位現象,原因很簡單,在頁面輸出漢字時,如果區域寬度不夠了,會自動換行,然而,英文字母不可以,也就是說你輸出類似"aaaaaaaaaaaa"的一串字符,頁面認為這是一個單詞,無法斷開,如果在<div id="test"></div>中輸出,而這個區域寬度只有3個字符,那麼,頁面將發生錯位。如果換成"aaa aaa aaa aaa" 當然可以了,因為頁面把他們看做是是四個單詞,也就能換行了。
如果想強行換行在只需在CSS設計中加上 word-wrap:break-word;/*強行換行*/即可
#test{
......;
......;
word-wrap:break-word;/*強行換行*/
}