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。