为什么Columns类中的子级显示为单行？

Question

我正在使用Bulma框架开发网络。

当我将column分类标签放在columns内时，所有子标签都以原始格式显示并从页面溢出！

我想在columns标签到达结尾时中断原始操作。

我怎么了？

这是我的代码：

<div class="box">
  <div class="columns is-parent">
    <?php foreach($posts as $post) {?>
    <div class="column is-one-fifth is-child">
      <div class="card">
            <div class="card-image">
              <figure class="image is-4by3"> <img src="" alt="Image"> </figure>
            </div>
            <div class="card-content">
              <div class="content">
                <div class="card-title has-text-link"><?php echo $post->title; ?></div>
                <small><?php echo strip_tags(word_limiter($post->content,50)); ?></small>
                <a>#css</a>
                <a>#responsive</a>
                <br> <small>11:09 PM - 1 Jan 2016</small>
              </div>
            </div>
          </div>
        </div>
      <?php } ?>
  </div>
</div>

Answer 1

我仅将is-multiline添加到了父标记：

<div class="columns is-parent is-multiline" >

问题已解决