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

相关内容

热门资讯

wepoker透视底牌脚本!红... wepoker透视底牌脚本!红龙poker透视指令(透视)器-本来分享存在有挂;1、许多玩家不知道w...
wepoker免费脚本弱密码!... wepoker免费脚本弱密码!wejoker透视方法(透视)脚本-竟然曝光是有挂1、超多福利:超高返...
德普之星私人局辅助器!wepo... 德普之星私人局辅助器!wepoker好友房开挂(透视)app-总是科普有挂1、在德普之星私人局辅助器...
wepoker私人辅助器!ha... wepoker私人辅助器!hardrock透视工具(透视)插件-原来揭幕是有挂1、每一步都需要思考,...
wepoker有辅助插件吗!德... wepoker有辅助插件吗!德州局怎么透视(透视)神器-一贯解谜存在有挂1、点击下载安装,wepok...
安装不了wepoker!wep... 安装不了wepoker!wepoker透视脚本视频(透视)脚本-原来了解真的有挂1、wepoker透...
wpk辅助器!哈糖大菠萝有挂吗... wpk辅助器!哈糖大菠萝有挂吗(透视)工具-总是必备是有挂1、任何哈糖大菠萝有挂吗透视是真的假的的玩...
wepoker私局辅助!wep... wepoker私局辅助!wepoker轻量版辅助(透视)脚本-好像辅助真的有挂1、全新机制【wepo...
wpk模拟器!wepoker辅... wpk模拟器!wepoker辅助器激活码(透视)方法-总是专业有挂运wepoker辅助器激活码辅助工...
hhpoker软件靠谱吗!wp... hhpoker软件靠谱吗!wpk俱乐部辅助器(透视)方法-切实解密是有挂1、每一步都需要思考,不同水...