时间戳

首页 > 解决方案 > 列表在移动视图中显示为垂直但在桌面视图中显示为水平？

css - 列表在移动视图中显示为垂直但在桌面视图中显示为水平？

问题描述

所以我的问题是我的列表实际上在桌面上水平显示（这是我想要的）。然而; 当涉及到移动布局时，它们看起来是垂直的，如第一列出现，然后下一列在其下方，依此类推。

这是代码：

<div class=”su-row”&gt;<div class=”su-column su-column-size-1-2″&gt;<div class=”su-column-inner su- 
clearfix”&gt;<div class=”su-box su-box-style-default” style=”border-color:#009906;”&gt;<div class=”su-box- 
title” style=”background-color:#00bf08;color:#FFFFFF;”&gt;Pros</div><div class=”su-box-content su- 
clearfix”&gt;<div class=”su-list su-list-style-“&gt;

 <i class=”fa fa-check” style=”color:#00bf08″&gt;</i> content
 <i class=”fa fa-check” style=”color:#00bf08″&gt;</i> content<br /></div></div></div>
 </div></div><div class=”su-column su-column-size-1-2″&gt;<div class=”su-column-inner su-clearfix”&gt;<div 
 class=”su-box su-box-style-default” style=”border-color:#990008;”&gt;<div class=”su-box-title” 
 style=”background-color:#bf000a;color:#FFFFFF;”&gt;Cons</div><div class=”su-box-content su-clearfix”&gt; 
 <div class=”su-list su-list-style-“&gt;

<i class=”fa fa-ban” style=”color:#bf000a”&gt;</i> content
</div></div></div>
</div></div></div>

我实际上在 WordPress 上使用了一个名为 shortcodes Ultimate 的插件。

只是想知道我需要向其中一个类添加什么 css 来解决此问题并使表格水平显示在移动视图上？

任何帮助，将不胜感激！

标签： css

解决方案

推荐阅读