CSS显示：table-cell丢失margin属性

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

表格单元格没有边距。