div之间的空间-显示表格单元格

您可以使用

border-spacing

HTML：

<div >    <div >        <div >Cell 1</div>        <div >Cell 2</div>    </div></div>

CSS：

.table {  display: table;  border-collapse: separate;  border-spacing: 10px;}.row { display:table-row; }.cell {  display:table-cell;  padding:5px;  background-color: gold;}

还有其他选择吗？

好吧 ，不是真的。

为什么？

• margin

  属性不适用于

  display: table-cell

  元素。

• padding

  属性不会在单元格的边缘之间创建空间。

• float

  属性破坏了

  table-cell

  能够与其父元素一样高的元素的预期行为。