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

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

 

<span>你好111111111111111111111111111111111111111111111111111aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</span>

 

不换行！

 

加上样式：

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

 

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

 

以上解决！