我正在使用PHP while循环来从数据库中获取审阅数据。但是,当评论长于1行时,会破坏网格系统(我使用的是Bootstrap 3),然后页面看起来很乱。我想到了两个解决方案,一个更多按钮,并显示所有框的固定高度。或者,将从数据库接收的数据拆分为3列,这样就不会破坏页面。
最好我想从循环中分割数据,以便将数据显示在3列中。
这是获取数据的while循环:
<?php
while($row = mysqli_fetch_array($result)) {
$data = mysqli_fetch_array(mysqli_query($con, "SELECT first_name, last_name FROM transactions WHERE order_id = '{$row['order_id']}'"));
$name = $data['first_name']. ' '. mb_substr($data['last_name'], 0, 1);
if($row['rating'] == 5) $star = '<span class="glyphicon glyphicon-star review_star"></span><span class="glyphicon glyphicon-star review_star"></span><span class="glyphicon glyphicon-star review_star"></span><span class="glyphicon glyphicon-star review_star"></span><span class="glyphicon glyphicon-star review_star"></span>';
if($row['rating'] == 4) $star = '<span class="glyphicon glyphicon-star review_star"></span><span class="glyphicon glyphicon-star review_star"></span><span class="glyphicon glyphicon-star review_star"></span><span class="glyphicon glyphicon-star review_star"></span>';
if($row['rating'] == 3) $star = '<span class="glyphicon glyphicon-star review_star"></span><span class="glyphicon glyphicon-star review_star"></span><span class="glyphicon glyphicon-star review_star"></span>';
if($row['rating'] == 2) $star = '<span class="glyphicon glyphicon-star review_star"></span><span class="glyphicon glyphicon-star review_star"></span>';
if($row['rating'] == 1) $star = '<span class="glyphicon glyphicon-star review_star"></span>';
?>
<div class="col-md-4">
<div id="box_review">
<h3><?php echo $star; ?></h3>
<h5 class="thin"><?php echo $row['date'] ?></h5>
<blockquote>
<p><?php echo $row['comment'] ?></p>
<footer><?php echo $name ?></footer>
</blockquote>
</div>
</div>
<?php } ?>