日期:2014-05-17  浏览次数:20542 次

html+css 一个你绝对意想不到的奇异现象
<div style="width:50px; background:#000; color:#999;">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
<br />
<div style="width:50px; background:#000; color:#999;">啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</div>


==============

以上两个div,css完全一样,为何第一个不换行,第二个却自动换行呢?

------解决方案--------------------
原因是:
英文字母之间如果没有空格,系统认为是一个单词,就不会自动换行。汉字就没有这种情况。


------解决方案--------------------
英文字母要是连着写就不换行,中文就不一样,如果想要强制英文换行可以给样式加上:word-break:break-all;