php - CSS PHP MYSQL 在 2 列中显示标签结果，按帖子类型排序

Question

我正在实现一个标签系统，我想在分为 2 列的页面中显示共享相同标签的结果，按 postType(文章或视频)排序，如下所示:

 ARTICLES            VIDEOS
 article 1           video 1
 article 2           video 2
 article 3           video 3
                     video 4

但这就是我得到的:

ARTICLES            VIDEOS
                    video 1
                    video 2
                    video 3
article 1           video 4
article 2
article 3

我的查询:

<?php
$stmt = $db->prepare('SELECT p.*
                      FROM tags t
                        INNER JOIN post_tags pt
                            ON t.tagID = pt.tagID
                        INNER JOIN posts p
                            ON pt.postID = p.postID
                        WHERE t.tagName = :tagName
                      ORDER BY postType ASC');
$stmt->execute(array(':tagName' => $row['tagName']));

while($row = $stmt->fetch()) {
    echo '<div class=column1">';
        if($row['postType']=='article' {
            ....
        }
    echo '</div>';
    echo '<div class=column2">';
        if($row['postType']=='video' {
            ....
        }
    echo '</div>';
}
?>

CSS:

.column1 {
  float: left;
  margin: 5px;
  padding: 5px;
  width: 80%;
}
.column2 {
  float: right;
  margin: 5px;
  padding: 5px;
  width: 20%;
}

我坚持这个，任何帮助将不胜感激。

Answer 1

$strArticle = '';
$strVideo = '';
while($row = $stmt->fetch()) 
{
    if($row['postType']=='article') 
    {
        $strArticle .= '<div class="row">Your variable</div>';


    }
    if($row['postType']=='video') 
    {
        $strArticle .= '<div class="row">Your variable</div>';
    }
}
<div class="col-md-6">
    <h4>Article</h4>
    <?php echo $strArticle;?>
</div>
<div class="col-md-6">
    <h4>Video</h4>
    <?php echo $strVideo;?>
</div>

你好，请像这样放置 while 循环代码，如果你遵循 Bootstrap 结构，你可以轻松地将 css 添加到类 col-md-6 中，宽度为 50%，类行的宽度为 100%。

简单来说，首先制作两列，并在每列中按行输入。