Div表格行邊框？

Question

我試圖創建一個表格式的結構在我的網站上使用div，但我有一些邊界的困難。我希望有一個水平線分隔每行，但使用border對div設置爲table-row似乎沒有效果。我究竟做錯了什麼？謝謝你的幫助！

<div class="table"> 
    <div class="row"> 
     <div class="cell"> 
     <p>Blah blah</p> 
     </div> 
     <div class="cell"> 
     <p>Blah blah</p> 
     </div> 
     <div class="cell"> 
     <p>Blah blah</p> 
     </div> 
    </div> 
</div> 

.table { 
    display: table; 
    width: 100%; 
} 

.row { 
    display: table-row; 
    border-bottom: 1px solid black; 
} 

.cell { 
    display: table-cell; 
    width: 33%; 
} 

Answer 1

您可以將您的border-bottom屬性應用於單元類而不是行類。
這是一個固定的演示：http://jsfiddle.net/WXCa6/

Answer 2

，如果你想設置border在.row您還可以添加border-collapse: collapse到.table。