CSS 显示：表格单元格失去边距属性

Question

我有一个完美运行的 css 类：

.img_holder { width:126px; height:126px; border:1px solid #ccc; overflow:hidden; margin:12px; }

但是，当我尝试通过添加 display:table-cell 和 vertical-align 属性使图像在 div 中居中时，边距停止工作并且 div 位于其父级的左上角...这是已知的效果吗？

margin 失败的新类：

.img_holder { width:126px; height:126px; border:1px solid #ccc; overflow:hidden; margin:12px; display:table-cell; vertical-align:middle; }

Answer 1

要获得单元格之间的间距，您可能需要使用border-spacing:20px;

Answer 2

表格单元格不能有边距。