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

Question

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

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

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

保证金失败的新班级：

.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

表格单元格不能有边距。