网站首页编程语言正文

css样式重叠解决办法

作者：ChangYan. 更新时间： 2023-07-09 编程语言

加载出来由于前边的灰框固定了宽度，所以导致后边的按钮被遮盖。
在这里插入图片描述

想要的效果是前边灰框里的文字内容可以自动换行，当距离较窄的时候文字变成2行，这样就不会样式重叠了。

打开控制台调试发现有这个属性
在这里插入图片描述

查一下white-space，发现确实是这个属性的设置导致不会自动换行
在这里插入图片描述

所以，在css里设置white-space: pre-wrap;就可以啦！
在这里插入图片描述

看一下最后出来的样式，是我想要的效果！
在这里插入图片描述

原文链接：https://blog.csdn.net/changyana/article/details/128404766