在 WordPress 页面编辑器中，如何添加 HTML 以将短代码提取的数据放在 2 列中？

Question

在 WordPress 页面编辑器或模板文件中，如何添加 HTML 将 sheetdb 的简码提取的数据放在 2 列中？ 下面是我在自定义字段中添加的代码，但它将数据显示在另一个之下。 请让我知道如何让它出现在 2 列中。 sheetdb 插件有助于从 googlesheet 中提取数据。

[sheetdb url="https://sheetdb.io/api/v1/ymk583vab4dwh" search="Approval=1&Display=1"]
<div class="contest-entry-row">
<div class="story">{{Story}}</div>
<div class="contestent-name">-{{First Name}} {{Initial}}</div>
</div>
[/sheetdb]

PHP 模板文件中的代码如下。

//获取自定义字段数据。

$story = get_field('story');

<div class="contest-story">
  <div class="wrap-x">
    <div class="inside">
      <div class="row">
        <div class="contest-story-text col col-xs-12"><?php echo do_shortcode($story); ?></div>  
      </div>
    </div>
  </div>
</div>

Answer 1

试试这个：

.contest-story-text > div{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}