当前位置: 代码迷 >> HTML/CSS >> html+css 一个你绝对意想不到的奇异现象解决方法
  详细解决方案

html+css 一个你绝对意想不到的奇异现象解决方法

热度:27   发布时间:2012-04-11 17:42:33.0
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;
  相关解决方案