在手机上设置内联列

如何在移动设备上添加内联列

下面的代码将在基于移动的设备上实现内联列。

自定义CSS方式

添加下面的代码X/Pro >主题选项> CSS

@media (max-width: 767px) {.x-section。inline3 .x-column.x-sm。X-1-3{宽度:32.66666% !重要;浮动:左!重要;}}

注意:此代码仅适用于三列布局设置。

另一种FlexBox方式

另一种适用于所有列的方法是使用FlexBoxCSS特性。要在部分中拥有内联列，您需要转到相关的部分选项并单击定制选项卡，并添加独特的类例如:inline-columns：

此外，您还需要通过转到向主题添加以下自定义cssX/Pro >主题选项> CSS：

@media (max-width: 767px) {.inline-columns .x-container{显示:flex;}}

总结

伟大的工作!现在在移动设备上有了内联列。