white-space: pre-wrap;换行不生效
时间: 2023-05-24 13:01:16 浏览: 565
答:这是由于 white-space 属性设置的问题,可能是被其它 CSS 属性覆盖了。建议检查一下相关的 CSS 代码,或者尝试设置 white-space: pre-wrap !important; 确保它优先级最高。
相关问题
white-space: pre-wrap !important不生效
这是一个CSS样式的问题,它的意思是强制HTML元素内部的空格和换行符按照HTML源代码的书写方式进行显示。如果这样的CSS样式不生效,可能是因为它被其它CSS样式所覆盖或者它应用的HTML元素没有被正确的识别。您可以检查一下HTML代码和CSS代码,查看是否有任何错误。
<td class="text-left" style="white-space: pre-wrap; overflow-wrap: break-word;">0219885045;002;001;0279207510;0281141525;0253345104</td>加上了样式,但换行没有生效
根据您提供的代码,您已经把`white-space: pre-wrap;`加入到该单元格的样式中了,这是正确的。不过,您需要将`overflow-wrap: break-word;`替换成`word-wrap: break-word;`,因为`overflow-wrap`是CSS3中的新属性,有些浏览器不支持,而`word-wrap`是CSS2.1中定义的属性,兼容性更好,可以实现换行效果。
所以,您需要将代码修改为如下所示:
```html
<td class="text-left" style="white-space: pre-wrap; word-wrap: break-word;">0219885045;002;001;0279207510;0281141525;0253345104</td>
```
这样就可以实现文本遇到分号自动换行的效果了。
阅读全文