Position: absolute по центру
Горизонтальное выравнивание абсолютно позиционированного элемента по центру с помощью CSS. Пример:
HTML код:
<div class="example">
<img src="image.jpg" alt="" />
</div>
CSS код:
.example img {position: absolute; left: 0; right: 0; margin: auto;}
Примечание: метод работает так же работает и в случае, если ширина абсолютно позиционированного элемента указана в явном виде: в пикселях, процентах или иных единицах.
Поддержка в браузерах
- Windows
- Internet Explorer 8.0+
- Firefox 1.0+
- Google Chrome
- Opera 5.0+
- Safari 3.1+
- SeaMonkey 1.0+
- Mozilla 1.5+
- Netscape 8.01+
- Linux
- Firefox 1.0+
- Google Chrome / Chromium
- Opera 5.0+
- SeaMonkey 1.0+
- NetSurf 2.6+
- Mozilla 1.5+
- Netscape 8.01+