将PHP表添加到mySQL文件

Question

嘿，这对您来说可能是一个愚蠢的问题，但我有一个包含足球运动员姓名的数据库（请参阅截屏）。我需要做的是并排显示5个姓名，然后在下方显示5个姓名（如果可以）。 是否有捷径可寻？

建立连接后我当前拥有的代码是

        $sql = "SELECT ID, NAME FROM players";
        $result = $conn->query($sql);


        if ($result->num_rows > 0) {
            // output data of each row
            while($row = $result->fetch_assoc()) {
                // Outputting HTML and the data from the DB. Change to $row['the name of the field you want']
                echo "<div class='caption'><h3><img src='http://placehold.it/180x180' alt=''>" . $row['NAME'] . "</h3><p>";
            }
        } else {
            echo "No players to show";
        }
        $conn->close();
    ?>

我应该集中精力使用CSS来使外观看起来像我想要的吗？ 抱歉，我是新来的人，我无法理解

Answer 1

尝试以下操作：我添加了一个名为i的计数器，它将在列出5个名称后更改div。 然后，我将div的样式设置为50％的宽度并向左浮动，从而允许2 div并排。

<style>
.caption
{
   width:50%;
float:left;
}

<?php
 $sql = "SELECT ID, NAME FROM players";
        $result = $conn->query($sql);
        if ($result->num_rows > 0) {
            // output data of each row
echo "<div class='caption'>";
            while($row = $result->fetch_assoc()) {
           $i = 0;
             if($i>=4)
{
$i = 0;
echo "</div><div class='caption'>";
                // Outputting HTML and the data from the DB. Change to $row['the name of the field you want']
                <h3><img src='http://placehold.it/180x180' alt=''><h3>" . $row['NAME'] . "<h3>";
            }
        } else {
            echo "No players to show";
        }
        $conn->close();
    ?>
</div>

Answer 2

是的，您做对了。 您只需要做一些CSS。 您可以在此处获取一些帮助表格： -https : //designshack.net/articles/css/5-simple-and-practical-css-list-styles-you-can-copy-and-paste/