显示div列表作为表

Question

我有一个div列表，其高度不同，并且我想将它们显示为表格。

div列表示例

<div class="container">
   <div class="item">1 some some some text1</div>
   <div class="item">2 a few text2</div>
   <div class="item">3 a lotttttttttttttttttttttttttttttttttttttttttttt of text3</div>
   <div class="item">4some text</div>
   <div class="item">5 some text</div>
   <div class="item">6 some text</div>
<div>

我希望看到这样的事情： link text

Answer 1

我建议使用带div的三列float: left和固定宽度（例如30%和3%页边距）。

• 第1列包含容器1和4
• 第2列包含容器2和6
• 第3列包含容器3和5

在那些div中，您将获得具有不同高度的实际框。你会与border: 5px black solid建立边界;例如，下面框中的间距为margin-bottom: 5px。