代码之家 › 专栏 › 技术社区 › griegs

如何在css中创建三列

css c#

griegs · 技术社区 · 14 年前

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

我想要的是能够通过列表,并建立一个3列的项目使用css布局列视图。

我可以简单地遍历这些项,将每个对象放入一个div中,然后让列自己构建吗?

1 回复 | 直到 14 年前

Andrew Burgess 14 年前

如果顺序不重要,那就把它们放在 ul 保险商实验室

所以呢

.three-column{
 width: 300px;
}

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

然后发疯

推荐文章

YunusoviÄ · 我无法用css更改html段落颜色

1 年前

Blake · 无法使用CSS旋转Angular 15中的字体图标

1 年前

Maarten -Monica for president · 将图像放在锚点标记内时调整网格中的图像大小

1 年前

Phil Lucks · 如何制作边界的外半径?

1 年前

roy_meir · 创建自定义下拉式元素

1 年前

Community wiki · 如何为触摸设备优化网站

1 年前

Paras Chandravanshi · 为什么<ul>没有从其父<p>元素继承?

1 年前

tpetzoldt · 如何在有光泽的情况下抑制图像的抗锯齿?

1 年前

boyenec · 反应如何将css样式应用于我从api respose获得的页面的spcifc部分

1 年前

manofconstsorrow · 点击导航项目关闭汉堡菜单

1 年前