英文输出自动换行的CSS代码

---

CSS #自动换行2012-10-29 10:55

---

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


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


#test{


......;


......;


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


}

---

相关文章

• DIV+CSS浏览器兼容性总结 2012/10/12
• 说下relative、absolute和float 2012/07/12
• 说下display:inline-block 2012/07/12
• CSS3实现圆角 2012/07/12
• CSS中float用法介绍 2012/07/10
• IE中的BUG之margin-bottom失效 2012/06/29
• 超链接a标签去掉虚线框/虚线/去除虚线框 2012/06/14
• css非标准的ime-mode属性 2012/05/19
• 写css伪类时冒号前或后多个空格导致该规则失效 2012/05/19
• Div+CSS布局技巧 2012/04/28