Как центрировать изображение с абсолютным расположением с процентной шириной?

Question

У меня есть изображение со следующим CSS:

element.style { 
    right: 50%; 
    margin-right: -220px; 
    top: 31%; 
    width: 440px; 
    position: absolute; 
} 

мне нужно изменить его так, что ширина установлена ​​в процентах вместо (35,4%). Могу ли я по-прежнему сосредоточить его и сохранить абсолютную позицию?

Answer 1

Конечно, если вы хотите его так же, как описано выше, просто использовать 35.4/2 = 17.7 в качестве маржи (DEMO):

element.style { 
    right: 50%; 
    margin-right: -17.7%; 
    top: 31%; 
    width: 35.4%; 
    position: absolute; 
} 

Answer 2

Вы можете по горизонтали центр с помощью

left:0; right:0; margin:auto; 

Так что если у вас есть div в качестве разметки, css будет

div 
{ 
    top: 31%; 
    width: 38%; 
    height: 100px; 
    position: absolute; 
    left:0;right:0; 
    margin: auto; 
} 

FIDDLE

До тех пор, как вы определили ширину (в рх или% - это не имеет значения), это будет работать