ПитерСайт » Блог » Вертикальное и горизонтальное выравнивание по центру при position: absolute

Вертикальное и горизонтальное выравнивание по центру при position: absolute

Элемент выравнивается по центру: по ширине и по высоте при position: absolute

HTML код:

<div class="example">
	<div></div>
</div>

CSS код:

.example div {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

Поддержка в браузерах

• Windows: Google Chrome 1.0+, Firefox 1.0+, Edge 12.0+, Internet Explorer 8.0+, Opera 5.0+, Safari 3.1+, SeaMonkey 1.0+, Netscape 8.01+
• Android: Samsung Internet 1.0+
• iOS: Safari 1.0+

Теги: CSS, По + центру

• Опубликовано: 18 Февраля, 2023
• Последнее редактирование: 18 Февраля, 2023