拆分數據爲使用CSS

Question

兩列

我想創建是提取從我的DB結果，並將其顯示爲兩列像這樣使用CSS頁面（除非那裏有一個更好的辦法）......

Row 1 | Row 6 
Row 2 | Row 7 
Row 3 | Row 8 
Row 4 | Row 9 
Row 5 | Row 10 

的如果不超過5行，第二列應該是空的。

Answer 1

因此，如果您的目標是將列表包裝成兩列，那麼在CSS中沒有標準的方法來做到這一點。 CSS3提供的一種方法（但大多數瀏覽器不支持）是columns屬性，但這個規則的不好之處（我最後一次檢查）是它迫使你選擇你想要的列數，你可以沒有指定「最大列」的想法。

但我已經找到了最好的解決方法是在A List Apart：

CSS Swag: Multi-Column Lists

但是，如果你只是想多列數據，最好的解決方法是使用HTML表格。

Answer 2

如果你有行的固定數列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"