顯示div的列表，如表

Question

我有一個divs列表，不同的是不是固定的高度，我想將它們顯示爲表格。 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 s的float: left和固定寬度（例如30%和3%毛利，以彌補差距）。

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

在那些div S，那麼你將有實際的與他們不同的高度的箱子。您將與border: 5px black solid建立邊界;例如與下面的框之間的差距將是margin-bottom: 5px例如。