页面设计 中英文输出 自动换行

页面设计 中英文输出 自动换行

今天又经历了恶心的页面错位现象，原因很简单，在页面输出汉字时，如果区域宽度不够了，会自动换行，然而，英文字母不可以，也就是说你输出类似"aaaaaaaaaaaa"的一串字符，页面认为这是一个单词，无法断开，如果在<div id="test"></div>中输出，而这个区域宽度只有3个字符，那么，页面将发生错位。如果换成"aaa aaa aaa aaa" 当然可以了，因为页面把他们看做是是四个单词，也就能换行了。

如果想强行换行在只需在CSS设计中加上 word-wrap:break-word;/*强行换行*/即可

#test{

      ......;

         ......;

    word-wrap:break-word;/*强行换行*/

}