div中内容无法自动换行问题

.l-text{
padding:.3em .5em;
width:67%;
height: auto;
/*height:1.3em;*/
border:.1em #2294C3 solid;
border-radius:.5em;
background-color:#fff;
float: right;
word-wrap:break-word;
}

以上所述是<p>标签内容的css样式,效果是加上边框和自动换行,但是出现数字和英文字母无法换行问题,中文可以,而原因是因为英文文本之间没有加空格,浏览器会认为这是一个特别长的单词。

解决方法就是:

css代码中加上这行:word-wrap:break-word;

搞定。

posted @ 2015-11-18 17:56  XieXiao1994  阅读(672)  评论(0编辑  收藏  举报