CSS 显示 :table-cell loses margin property

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;