如何拆分mySQL信息以显示在HTML列中

Question

我试图找出一种方法来将mySQL行拆分为HTML列。 很抱歉，如果有一个更简单的方法可以提出这个问题，但是我无法解决这个问题。

我已经阅读了很多建议，尽管这些建议都不符合我的要求。 我了解，仅浮动剩下的信息并允许其自身堆叠是非常容易的。 我的问题是我要以“卡”形式显示信息，其中包含两张不同尺寸的卡，我希望它们全部垂直堆叠而无间隙。

为了说明这一点，我给了每张卡片1-3的数字。 每张编号为1的卡都应放在第一列中，依此类推。 这里的例子

正常的左浮动给我这样的东西：

|1|2|3|
|4|5|6|
|7|8|9|

这是显示信息的正确方法，但是与示例中的大卡片紧挨着小卡片，这留有空隙。

如果我在php中使用带表或div的foreach循环，则会得到如下信息：

|1|2|3|
-------
|4|5|6|
-------
|7|8|9|

不幸的是，这几乎是相同的结果。 较大的卡向下推动该行，在较小的卡所在的位置留有较大的间隙。

我还知道，在第一行可见行之后，最新的div可能会在一个列而不是另一个列中进一步推低。 例如，如果第1列有6张“特色”或大型卡片，则需要12张卡片来填充其旁边的空间。 我不担心这个。

我现在拥有的基本的精简代码是：

<div class="container">
    <?PHP
    $qry_questions = mysql_query("SELECT STATEMENT**");
    $count = 0;
    while($row = mysql_fetch_array($qry_questions)){
        $count++;
        /*GATHER INFORMATION*/
    ?>
        <div class="HTML-formatting-here-with-php-echos">
        </div>
    <?PHP
        }
    ?>
</div>

现在，我只是想弄清楚我是否可以在php中声明：“如果$ count == 1，则将此信息附加到第1列中，如果$ count == 2，则将其附加到col 2中，等等。 ”。

我可以执行任何类型的功能来拆分此信息并追加信息，而无需完全构建新行吗？

ps我试过array_chunk（）没有正确的结果。

编辑：这是while循环

<div id="collective">
    <div class="container"> 
    <?PHP
        //FIND THE QUESTIONS ASKED AND INFORMATION ON THEM
        $qry_questions = mysql_query("SELECT * FROM mbr_qa_questions ORDER BY q_votes DESC" /* LIMIT 0, 10"*/);  //LIMIT 0, 20 - 20 being how many to show at a time
        $num_rows = mysql_num_rows($qry_questions);
        $max_col = 3;
        $count = 0;
        //START THE LOOPING
        while($q_row = mysql_fetch_array($qry_questions)){
            $q_id = $q_row['q_id'];
            $q_votes = $q_row['q_votes'];
            $q_answers = $q_row['q_answers'];
            $q_title = $q_row['q_title'];
            $q_description = $q_row['q_description'];
            $q_tags = $q_row['q_tags'];
            $q_user_id = $q_row['user_id'];
            $q_created = $q_row['q_created'];
            $q_modified = $q_row['q_modified'];
            $q_featured = $q_row['q_featured'];
            if($q_featured == 0){
                $q_status = "normal";   
            } else {
                $q_status = "featured"; 
            }
            //GET THE USERS USERNAME
            $qry_username = mysql_query("SELECT user_name FROM mbr_user_name WHERE user_id =                         '$q_user_id'");
            $q_user_name = mysql_result($qry_username, 0);
            //FIND THE USERS POINTS
            $qry_points = mysql_query("SELECT point_amount FROM mbr_qa_points WHERE user_id = '$q_user_id'");
            $q_user_points = mysql_result($qry_points, 0);
            //FIND OUT IF YOU FLAGGED IT
            $qry_flagged = mysql_query("SELECT * FROM mbr_qa_flagged WHERE q_id = '$q_id' AND user_id = '$user_id'");
            $flagged = mysql_num_rows($qry_flagged);
            if($flagged >= 1){
                $flaggedDiv = "<div class='q_flagged'> &nbsp; </div>";
            } else {
                $flaggedDiv = "<div class='flagInnapropriate'> &nbsp; </div>";
            }
            //FIND HOW MANY ANSWERS
            $qry_answers = mysql_query("SELECT * FROM mbr_answers WHERE q_id = '$q_id'");
            $q_answers = mysql_num_rows($qry_answers);
            //FIND HOW MANY VOTES
            $qry_votes = mysql_query("SELECT * FROM mbr_votes WHERE q_id = '$q_id'");
            $q_votes = mysql_num_rows($qry_votes);
            //GIVE EACH ENTRY A COLUMN NUMBER
            $count++;
            if($count >= 4){
                $count = 1; 
            } 
<div class="card <?= $q_status ?>">
    <div class="top">
        <div class="tag">
            <div class="title">Votes</div> 
            <div class="votes">
                <div class="number">
                    <?= $q_votes ?>
                </div>
            </div>
            <div class="plus">+</div>
        </div>
        <div class="question">
            <p><?= $count/* . $q_title*/ ?></p>
        </div>
    </div>
    <div class="middle">
        <div class="elapsed">
            <?PHP

                $time_since = $q_created;
                $time_now = time();
                $timeElapsed = $time_now - $time_since;

            ?>
            Asked <?= elapsedTime($time_since) ?> ago by
        </div>
        <a class="profile" href="./profile.php?profile_name=<?= $q_user_name ?>">
            <div class="avatar">
                <img src="pieces/avatars/avatar.php?profile_id=<?= $q_user_id ?>&size=xsmall" />
            </div>
            <div class="userName">
                <?= $q_user_name ?> 
            </div>
            <div class="points">
                <?= $q_user_points ?>pts
            </div>
        </a>

    </div>
    <div class="bottom">
        <div class="answer">
            <div class="title">
                Answers
            </div>
            <div class="numAnswers">
                <?= $q_answers ?>
            </div>
            <div class="answersText">
                Answers
            </div>
        </div>
        <div class="bestAnswer">
            <div class="title">
                Best Answer
            </div>
            <div class="description">
                <p>Need to get highest rated answer here</p>
            </div>
        </div>
    </div>
</div>   
                }
                ?>

            </div>
        </div>

包含的newAnswerLayout.php只是每张卡的html格式。

另一个编辑：

我相信我只需要对每个第n行进行三个mySQL查询。 是的，这些行上的ID是唯一的，但是有些行可能会移动到另一个表中，这会留下空白。

我现在想的是查询表，每隔第三行拉一次，将其放在第1列，依此类推，从第一个条目开始。

编辑3：我要寻找的是做一个SQL查询，该SQL查询从第1行开始，每隔三行就获取所有信息，然后我需要对从第2行开始的每三行进行另一次查询，然后相同对于第3行

Answer 1

使用float:left; 在您的文件中

   http://beta.mybattlereport.com/styles/global.css

82行
类容器

编辑：

首先：编号为1,2,3的卡都具有相同的card normal类card normal因此，如果对一张卡进行更改，则将对所有卡进行更改

解决方案：尝试使用表格代替div。

第二：您的卡是这样订购的

 card1 card2 card3  featured card , card1 card2 card3 featured card

解决方案：这也可以通过表格来解决，您可以订购它们。1列用于card1 2列用于card2 3column可以用于card3，然后您可以在此表下使用其他表作为有特色的卡片或div。

编辑2>

您的问题是在sql中，要获取按张数和精选特征生成的那些分类卡，您应该先按精选特征然后按投票顺序对其进行排序

尝试这个

   $qry_questions = mysql_query("SELECT * FROM mbr_qa_questions ORDER BY q_featured ,q_votes DESC" /* LIMIT 0, 10"*/); 

数字1和2和3只是给每张卡编号。 所以我从这些数字中看不出任何目的，为什么您要制造它们。