私が作成したいのは、DB から結果をフェッチし、CSS を使用してこのような 2 つの列に表示するページです (より良い方法がない限り)...
Row 1 | Row 6
Row 2 | Row 7
Row 3 | Row 8
Row 4 | Row 9
Row 5 | Row 10
5 行以下の場合、2 番目の列は空にする必要があります。
そのため、リストを 2 つの列に折り返すことが目標である場合、CSS でこれを行う標準的な方法はありません。CSS3 が提供する方法の 1 つ (ただし、ほとんどのブラウザーはサポートしていません) はcolumns
プロパティですが、このルールの悪い点 (最後に確認したとき) は、必要な列の数を前もって選択する必要があり、それが可能であることです。 「最大列数」の考え方を指定しないでください。
しかし、私が見つけた最善の回避策はA List Apartにあります:
ただし、複数列のデータが必要な場合は、HTML テーブルを使用するのが最善の解決策です。
列1の行数が固定されている場合
CSS:
.leftcolumn
{
Float:left;
}
.other
{
display:none;
}
html
<div class="leftcolumn">
return some rows here
</div>
<div class="<? other ?>">
return more rows here
</div>
php または任意の言語
if
[select count(*) from table where foo=bar DESC limit 20,0] >5
other = "other"
else
other = "leftcolumn"