原因
从MDN文档中：
[margin属性]适用于除表标题，表和内联表以外的其他表显示类型的元素之外的所有元素
换句话说，该
margin物业是 不 适用
display:table-cell的元素。
解
考虑
border-spacing改为使用该属性。
请注意，应将其应用于具有
display:table布局和的父元素
border-collapse:separate。
例如：
的HTML
<div > <div > <div >123</div> <div >456</div> <div >879</div> </div></div>
CSS
.table {display:table;border-collapse:separate;border-spacing:5px;}.row {display:table-row;}.cell {display:table-cell;padding:5px;border:1px solid black;}水平和垂直方向的边距不同
正如DiegoQuirós所提到的，该
border-spacing属性还接受两个值以为水平轴和垂直轴设置不同的边距。
例如
.table {border-spacing:3px 5px;} 
