拆分数据为使用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"