html - 在两列中排列相似元素组

标签 html css

如果我的 HTML 表示以下内容

<div class="container">
 <div class="element">
 </div>
 <div class="element">
 </div>
 [...]
 <div class="element">
 </div>
</div>

然后是否可以将这些元素对齐,就好像它们在两列表中一样? IE。如果有 7 个元素,则有 4 行,最后一行只有一个元素。

(元素本身没有特殊的类或 id,如右、左等)

最佳答案

是的:

.container{ position: relative }
.element{ width: 50%; float: left }

关于html - 在两列中排列相似元素组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2871386/

相关文章:

html - 如何在网页中设置背景颜色以便默认打印?

javascript - 尽管放置了外部 JavaScript 文件,为什么我的代码仍无法运行?

javascript - keyup() 事件不适用于除移动设备上的英语之外的其他语言

javascript - 未定义类时如何从 ajax 响应中获取 anchor 标记值

css - 替代网格布局过渡

css - Bootstrap 4 : Equal width columns using grid

javascript - 带有 javascript window.location 的 html 表单不起作用

html - 将省略号应用于多行文本

jquery - 动态改变 <li> 宽度以完全适应 <ul>

php - date() 类向我的日期格式添加换行符