＜span＞标签不换行解决方法

html span标签 不换行（有时span带中文时候是可以自动换行的）

<span>你好111111111111111111111111111111111111111111111111111111111111111111111111111aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</span>

不换行！

 <span style="display:inline-block;width:60%;word-wrap:break-word;white-space:normal;">你好111111111111111111111111111111111111111111111111111aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</span>

加上样式：

style=“display:inline-block;width:60%;word-wrap:break-word;white-space:normal;”

是因为 span 不是块状元素。本身自带有 左浮动的效果，并且连续的英文字母跟数字是没办法自动换行的，必须要强制换行。 但是光用word-wrap:break-word; 是不行的。所以必须要在限制了宽度的情况下 还要增加 white-space:normal