CSS display: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; }

- StudioTime

Answer 1

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

- Kosal

---

要使其正常工作，您必须将“border-spacing”属性赋予一个具有“display:table”和“border-collapse:separate”属性的父元素。 - Herr_Schwabullek

@Herr_Schwabullek 谢谢您提醒我。我忘记添加了。 - Kosal

Answer 2

表格单元格不能有边距。

- Marat Tanalin

---

啊，好的，这样讲确实有道理，就像表格的形式一样。谢谢。 - StudioTime