今天又经历了恶心的页面错位现象,原因很简单,在页面输出汉字时,如果区域宽度不够了,会自动换行,然而,英文字母不可以,也就是说你输出类似"aaaaaaaaaaaa"的一串字符,页面认为这是一个单词,无法断开,如果在
中输出,而这个区域宽度只有3个字符,那么,页面将发生错位。如果换成"aaa aaa aaa aaa" 当然可以了,因为页面把他们看做是是四个单词,也就能换行了。如果想强行换行在只需在CSS设计中加上 word-wrap:break-word;/*强行换行*/即可
#test{
......;
......;
word-wrap:break-word;/*强行换行*/
}