将锚标记定位在砖石结构的中间

时间:2014-11-22 13:52:14

标签: css masonry

我试图在我的每块砌砖中间放置一个锚标签,但由于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 个答案:

答案 0 :(得分:0)

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

而不是

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

解决了问题