php - 将 foreach 结果排序为 2 列

Question

我正在尝试将 foreach 的结果列表设置为两列，但是我不太确定如何在不放弃 PHP 的情况下进行处理。

目前，一切如下所示:

我希望它看起来像这样:

目前，我的 foreach 和 CSS 看起来是这样的:

<p class="title">Reviews</p>
            <section id="reviews">
                <ul class="section_body">
                    <?php
                        foreach($reviews['reviews'] as $rv){
                            if ($rtmp++ < 10);
                            if ($rv['freshness'] == 'fresh') {
                               $image = "fresh";
                            }
                            else {
                                $image = "rotten";
                            }

                            echo '<img src="assets/images/' . $image . '.png" class="rating" title="Rotten" alt="Rotten" />';
                            echo '<li>' . $rv['quote'] . '</li>';
                        }
                    ?>
                </ul>
            </section>

提前感谢任何可能提供帮助的人!我们将不胜感激。

Answer 1

我通常使用 css 来完成这种任务，让浏览器处理这些事情

#reviews li
{
  float:left;
  width: 45%;
  ...
}

将这两行添加到您的 css 中，让浏览器负责安排。这个想法是让每个 li 占据容器的一半 (50%)。我把它设为 45% 来处理额外的填充、边距和边框

此外，您的报价和图片应该在 li

 <li> <img src="..." />  <span>my quote here</span>  </li>