2012-10-01 35 views
3

我有一个CSS类,它完美的作品:CSS显示:表细胞失去margin属性

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

然而,当我试图通过增加显示居中div中的图像:表单元格和垂直 - 对齐属性,边距停止工作,并且div在其父项的左上角...这是一个已知效果吗?

类新的保证金失败:

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

回答

2

表细胞不能有利润。

+0

啊好了,这是有道理的实际形成路表。谢谢。 –

3

要你可能要使用的单元格之间的间距得到border-spacing:20px;

+2

为了使它工作,你必须给“border-spacing”给一个父元素,它也有属性“display:table”和“border-collapse:separate” –

+0

@Herr_Schwabullek谢谢你提到这一点。忘了补充一点。 – Kosal