2014-11-22 2 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 –

+0

Спасибо @Paulie_D, это помогло мне. – mila

ответ

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

вместо

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

Решена проблема

Смежные вопросы