CSS:在两列中排列相似元素的组

Question

如果我的HTML说明了以下内容

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

然后可以将这些元素对齐,就像它们在两列表格中一样吗？即7个元素,将有4行,最后一行只有一个元素.

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

Answer 1

是:

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