学无先后,达者为师

网站首页 编程语言 正文

css样式重叠解决办法

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

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

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

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

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

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

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

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

  • 上一篇:没有了
  • 下一篇:没有了
栏目分类
最近更新