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

本文主要是介绍＜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

这篇关于＜span＞标签不换行解决方法的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---