1

私が作成したいのは、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 番目の列は空にする必要があります。

4

2 に答える 2

1

そのため、リストを 2 つの列に折り返すことが目標である場合、CSS でこれを行う標準的な方法はありません。CSS3 が提供する方法の 1 つ (ただし、ほとんどのブラウザーはサポートしていません) はcolumnsプロパティですが、このルールの悪い点 (最後に確認したとき) は、必要な列の数を前もって選択する必要があり、それが可能であることです。 「最大列数」の考え方を指定しないでください。

しかし、私が見つけた最善の回避策はA List Apartにあります:

CSS Swag: 複数列のリスト

ただし、複数列のデータが必要な場合は、HTML テーブルを使用するのが最善の解決策です。

于 2009-10-17T00:04:16.507 に答える
0

列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"
于 2009-10-17T00:35:15.320 に答える