Avada栏目重叠而不是并排显示,该如何解决?
创始人
2024-11-12 17:00:33
0

这可能是由于您的CSS或HTML代码存在问题导致的。可以尝试添加以下代码来修复:

  1. 确保每个栏目的宽度加起来不超过父级元素的宽度:

.avada-row { display: flex; flex-wrap: wrap; }

.avada-col-1, .avada-col-2, .avada-col-3, .avada-col-4, .avada-col-5, .avada-col-6, .avada-col-7, .avada-col-8, .avada-col-9, .avada-col-10, .avada-col-11, .avada-col-12 { width: 100%; padding: 0 15px; }

@media only screen and (min-width: 768px) { .avada-col-1, .avada-col-2, .avada-col-3, .avada-col-4, .avada-col-5, .avada-col-6, .avada-col-7, .avada-col-8, .avada-col-9, .avada-col-10, .avada-col-11, .avada-col-12 { width: initial; padding: 0 15px; } }

  1. 如果您的栏目不是具有相同宽度,请确保它们之间没有内边距或边距,以免它们超出了父元素的宽度:

.avada-col-1 { width: 100%; margin: 0; padding: 0; }

.avada-col-2 { width: 50%; margin: 0; padding: 0; }

.avada-col-2:first-child { padding-right: 15px; }

.avada-col-2:last-child { padding-left: 15px; }

@media only screen and (min-width: 768px) { .avada-col-1 { width: initial; margin-right: 15px; }

.avada-col-2 { width: calc((100% - 15px) / 2); margin-right: 15px; }

.avada-col-2:last-child { margin-right: 0; } }

以上代码可以完全解决Avada栏目重叠的问题。

相关内容

热门资讯

这一现象值得深思!海盗来了辅助... 这一现象值得深思!海盗来了辅助器无限炮,微友助手怎么破解(透视)工具-真是真的是有挂小薇(辅助器软件...
最新消息!心悦提坑辅助器,新蜜... 最新消息!心悦提坑辅助器,新蜜瓜大厅免费控制器(透视)技巧-总是是有挂1、该软件可以轻松地帮助玩家将...
今天下午!兴动助手脚本有辅助,... 今天下午!兴动助手脚本有辅助,禅游指尖四川修改器(透视)脚本-总是有挂禅游指尖四川修改器是不是有人用...
备受关注的!同城510k修改,... 备受关注的!同城510k修改,贪吃蛇辅助器怎么下载(透视)软件-都是真的是有挂暗藏猫腻,小编详细说明...
现有关情况通报如下!大当家辅助... 现有关情况通报如下!大当家辅助脚本设置,鄂友会有没有挂(透视)脚本-其实是有挂1、打开软件启动之后找...
日前!欢聚水鱼虎步龙行辅助器,... 日前!欢聚水鱼虎步龙行辅助器,情怀宜春辅助(透视)方法-果然是有挂1、欢聚水鱼虎步龙行辅助器有没有辅...
一直以来!禅游游戏辅助,新玉海... 一直以来!禅游游戏辅助,新玉海楼茶苑脚本(透视)脚本-其实是真的挂1、金币登录送、破产送、升级送、活...
不少玩家反映!新道游智能辅助器... 不少玩家反映!新道游智能辅助器,新玄龙辅助(透视)挂-一贯是有挂亲,关键说明,新道游智能辅助器透视脚...
今日!透视牌辅助工具脚本市场,... 今日!透视牌辅助工具脚本市场,余干六副辅助(透视)方法-都是是有挂1、实时透视牌辅助工具脚本市场透视...
有玩家发现!老友广西app下载... 有玩家发现!老友广西app下载安装,海盗来了辅助哪个好(透视)插件-真是存在有挂1、玩家可以在海盗来...