2014-11-22 49 views
0

我试图在每个砌体砖的中间放置锚标记,但是由于50%的高度不是垂直居中,所以我遇到了麻烦砖的实际高度(我不知道为什么)。锚标记的高度46px所以这是我的锚标签CSS:在砌体砖中间的位置锚定标记

masonry-brick a 
{ 
    height: 46px; 
    width: 46px; 
    display: block; 
    /* Firefox */ 
    margin-left: -moz-calc(50% - 23px); 
    margin-top: -moz-calc(50% - 23px); 
    /* WebKit */ 
    margin-left: -webkit-calc(50% - 23px); 
    margin-top: -webkit-calc(50% - 23px); 
    /* Opera */ 
    margin-left: -o-calc(50% - 23px); 
    margin-top: -o-calc(50% - 23px); 
    /* Standard */ 
    margin-left: calc(50% - 23px); 
    margin-top: calc(50% - 23px); 
    position: absolute; 
} 

,但是这是它实际上做: enter image description here

当我检查什么100%不会是我看到这一点: enter image description here

我在做什么错?

谢谢 米拉

+1

可能的复制 - http://stackoverflow.com/questions/1776915/how-to- center-absolute-element-in-div – 2014-11-22 14:05:11

+0

谢谢@Paulie_D,这对我有帮助。 – mila 2014-11-22 14:47:57

回答

0
top: -webkit-calc(50% - 23px); 

,而不是

margin-top: -webkit-calc(50% - 23px); 

解决问题