центр DIV в другой DIV с абсолютной позицией

Question

Я пытаюсь получить DIV быть центрированной внутри другого DIV даже, как он изменяет размеры,

и если более чем один DIV с классом 'inside' находится в 'outside' DIV, затем они должны идти рядом друг с другом в центре, если есть достаточно места, иначе слайд под друг друга.

следующие работы:

#outside { 
width: 100%; 
text-align:center 
} 
.inside { 
display: inline-block; 
width: 32%; 
margin: 0 auto; 
} 

, но я хочу тот же эффект, когда .inside элемент имеет position:absolute

это возможно?

вот пример: http://jsfiddle.net/172on5sb/

Answer 1

Я не вижу необходимости того, чтобы использовать атрибут position набор для absolute. Почему бы просто не использовать position: relative? Он действует очень похоже. Затем вы можете центрировать его, установив родителя на text-align: center и ребенка (самого себя) на margin: auto.

Bam, centered div.

Edit: Согласно тому, что хотел ОП:

<div style="position: absolute; left: 50%;"> <div style="position: relative; left: -50%;

Это хак, но он отлично работает.