解决span的bug--不能自动换行的问题

发布时间 2023-07-17 15:59:18作者: 仙子Starts

span内容区是中文的地方可以换行,如果连续一大段的英文或者是数字,都不换行,只有在中文汉字的地方才会换行

解决方式:

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

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

2.将span属性加上display:block设置为行级元素;设置宽度然后在强制断行