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栏目重叠的问题。

相关内容

热门资讯

开挂辅助!广西友乐免费辅助,a... 开挂辅助!广西友乐免费辅助,aa poker辅助(透视)开挂辅助脚本(有挂神器);1、完成广西友乐免...
开挂辅助!方片十三张脚本,po... 开挂辅助!方片十三张脚本,pokemmo修改器手机版(透视)开挂辅助工具(详细教程);方片十三张脚本...
开挂辅助!wepoker辅助器... 开挂辅助!wepoker辅助器,有哪些免费的wpk辅助码(透视)开挂辅助工具(有挂头条);亲,有的,...
开挂辅助!荆州圣盛游戏辅助,w... 开挂辅助!荆州圣盛游戏辅助,wepoker透视功能下载(透视)开挂辅助下载(真的有挂);1、完成荆州...
辅助开挂!小闲川南宜宾辅助器,... 辅助开挂!小闲川南宜宾辅助器,pokemmo脚本(透视)开挂辅助插件(有人有挂);一、小闲川南宜宾辅...
辅助开挂!圣游科技辅助器,we... 辅助开挂!圣游科技辅助器,wepoker科技辅助器(透视)开挂辅助插件(新版有挂);1、很好的圣游科...
开挂辅助!拱趴大菠萝9人场技巧... 开挂辅助!拱趴大菠萝9人场技巧,智星德州有脚本吗(透视)开挂辅助脚本(有挂功能);拱趴大菠萝9人场技...
辅助开挂!人海大厅软件辅助,w... 辅助开挂!人海大厅软件辅助,wepoker免费脚本(透视)开挂辅助脚本(有挂辅助);1.人海大厅软件...
辅助开挂!金虎爷辅助,wpk透... 【福星临门,好运相随】;辅助开挂!金虎爷辅助,wpk透视辅助方法(透视)开挂辅助软件(有挂细节);暗...
开挂辅助!内蒙古边锋老友辅助,... 开挂辅助!内蒙古边锋老友辅助,wpk俱乐部有没有辅助(透视)开挂辅助软件(有挂解密);1、这是跨平台...