使用CSS将数据拆分为两列

Question

我想要创建的是从我的数据库中获取结果并使用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属性，但关于此规则的不好部分（我最后一次检查）是强制您选择前面有多少列想要，你不能指定“max-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"