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

时间:2010-05-20 06:07:50

标签: html css two-column-layout

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

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

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

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

1 个答案:

答案 0 :(得分:13)

是:

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