div 标签里的内容或字符串自动换行

一、

<div style="width:300px; height:auto; float:left;">

lsdkjflksdjflsdjf里的房价是离开的解放路口lksjdlfdsdsdsdsdssdsdsdsdfjsdlkfjlsdjflskdf

</div>

（这种情况下，英文字符不会换行，因为没有加 word-break:break-all;）

二、

<div style="width:100px; height:auto; float:left;">

是的立法教室里的房价是离开的解放路口设计的是打发士大夫

</div>

（这种情况下完全可以换行，因为全是汉字，即使不加 word-break:break-all; 也可以实现换行）

总结：

（一般情况下，字符串是一连串的英文的话，是不可以自动换行的，因为系统会把这么长的英文默认为是一个字符，相当于一个词，加上 word-break:break-all; 之后，即使字符串是一连串的英文，也会自动换行的哦。。。）

追加：——————————————————————————>>

之前说的方法在火狐浏览器是不支持的哦，因为火狐浏览器不识别word-break:break:all; 本人又总结了新方法哦：

<div style=" width:200px; height:auto; float:left;white-space:normal; word-wrap:break-word; word-break:break-all;">
解决Firefox(火狐)用css实现英文数字自动换行的
dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd
</div>

word-wrap:break-word;在火狐浏览器里是能够识别的，后面还要继续加上word-break:break-all;否则其他浏览器就不能换行了，word-wrap:break-word;只有火狐浏览器能识别，其他浏览器是不能识别的，不过这个样式的美中不足就是：特别长的字符串会有点小弊端，比如上面这个例子里有很多的dddddddddd，所以dddddd前面的汉字无法和他真正的衔接，会导致“换行的”后面有些空白，因为后面的英文字符太长，无法衔接，如果英文字符比较短，像一般的英文字符windows这样的字符，还是可以实现完全换行的哦