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

标签 c# css

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

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

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

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

最佳答案

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

所以

.three-column{
 width: 300px;
}

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

然后发疯

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

关于c# - 如何在css中创建三列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3473043/

相关文章:

c# - 使用 GroupBy 通过重叠范围对集合进行分区

c# - 如何从 Web 服务向客户端返回 statusCode?

c# - 组合 C# 和 C++ 项目适用于 x86 和 x64,但不适用于 ARM

ios - 黑暗模式 :- Color inverting not working for WKWebview Tableview Content

html - CSS 网格中的自动换行

css - 调整 Bootstrap 3 表单控件的大小

c# - 如何修复 Resharper 对象初始值设定项缩进作为方法参数

c# - 具有继承性的匿名类型列表

html - PC 与移动浏览器 - 使用百分比的相同宽度列 - 移动设备不准确

javascript - 根据另一个复选框选择显示/隐藏复选框