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

<span>你好111111111111111111111111111111111111111111111111111aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</span>

不换行!

加上样式:

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

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

以上解决!

原文地址:https://www.cnblogs.com/gmq-sh/p/4616457.html