c# - 如何在css中创建三列

Question

如果我有一个对象列表，比如 List myObjects;列表中可能有 2、20、50 等项。

我想要的是能够遍历列表并使用 css 对列进行布局来构建元素的 3 列 View 。

我该怎么做？我不想做一个循环，每三个元素我再次从 1 开始，或者这是唯一的方法吗？

我能否简单地遍历元素，将每个对象放入一个 div 中并让列自行构建？​​

Answer 1

如果顺序无关紧要，则将它们放在固定宽度的 ul 中，然后创建无序列表，列表项位于 ul 的 1/3 > 的宽度并向左浮动。

所以

.three-column{
 width: 300px;
}

.three-column li {
 float: left;
 width: 100px;
}

然后发疯

查看: http://www.alistapart.com/articles/multicolumnlists/