簡體   English   中英

從數據庫動態並排顯示divs php

[英]displaying divs dynamically side by side php from database

我正在嘗試動態並排對齊div,因此它將看起來像這樣... 在此處輸入圖片說明

相反,我得到這樣的東西...

在此處輸入圖片說明

碼...

<body>
    <div class="container">
        <?php 
        $sql = "SELECT id, name, price FROM tracylynn";
        $result = $db->query($sql);

        if ($result->num_rows > 0) {
            // output data of each row
            while($row = $result->fetch_assoc()) {
                echo '<div id="item">';
                    echo "test";
                echo '<div>';
            }
        }
        ?>
    </div>
</body>

.container {
width: 200px;
margin: 0 auto;
}

.container div{
border: 1px solid black;
float: left;
margin: 10px auto;
}

您沒有關閉div標簽

if ($result->num_rows > 0) {
        // output data of each row
        while($row = $result->fetch_assoc()) {
            echo '<div id="item">';
                echo "test";
            echo '</div>';  //here
        }
    }

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM