php - PHP で MySQL データを次の列にフォーマットする最も簡単な方法

Question

現在、データをスパンに出力しています...これは次のようになります。

ここで、スパンを削除してそこに div を配置すると、次の出力が表示されます。

これは望ましいことですが、ページに高さを設定し、データを 3 列で表示したいと考えています。どうすればいいですか？オンラインであらゆる場所を検索しましたが、解決策を示すものは何も見つからないようです。

フォーマットにjavascriptを使用する人もいると読みましたが、このオプションでさえまだわかりません。

私の望ましい出力は次のようになります。

Answer 1

列に必要なアイテムの数がわかっている場合は、それらを個々の div に分離し、それらの div を左にフロートさせて、それらを隣り合わせにすることができます。

<div style='float:left'>
    //Items go here
</div>
<div style='float:left'>
    //Items go here
</div>

クエリが返したアイテムの数がわかった場合、たとえば mysql_num_rows() を使用して 3 で割ると、各列に何個入れるかがわかります。また、後で必ずフロートをクリアしてください。次のようにします。

<div style="clear:both"></div>

これが配置されていないとランダムな問題が発生するため、これが必要になる場合があります。

Answer 2

あなたが説明していることは、スタイリングのみで解決できます。列に表示する必要があるいくつかの div があります。最も簡単な方法は、それらを左にフロートさせ、親の 1/3 の幅を設定することです。4 つの列が必要な場合は、with を親の 1/4 に設定します。

<div class='sqlResult' style="float:left;width:33%;">
<a href='#'>$key</a>
</div>

また、他の回答にもあるように、重複した ID は使用しないでください。常にクラスを使用してください。各 div を個別にターゲットにする必要がある場合は、「category_1」、「category_2」などの一意の ID を指定します。

Answer 3

これはうまくいくはずです

<table><tr>
<?php $count=0; $total=mysqli_stmt_num_rows($sql)-1; $idxcount=0; $limit=10; while($row = mysqli_fetch_array($sql)): $key = $row['Keyword_Name']; ?>
        <?php if($count == 0){ echo '<td>';} ?>
        <span>
                <a href="<?php echo $key; ?>" id="category"><?php echo $key; ?></a>
        </span>
        <?php if($total == $idxcount): ?>
                </td>
        <?php elseif($count == $limit): ?>
                </td>
        <?php $count=0; else: $count++; ?>

        <?php  endif; $idxcount++; ?>

<?php endwhile; ?>
</tr></table>