Недавно я наткнулся на этот метод, используемый для позиционирования элемента как по горизонтали, так и по вертикали в центр. Однако я не мог понять, что делает каждое из свойств. Кто-нибудь сможет объяснить мне, что влияет на установку top:0, bottom:0, left:0, right:0
?
(Было бы здорово, если вы сможете объяснить это, используя термин непрофессионала или представить иллюстрацию.)
Кроме того, каково использование установки отображения в таблицу?
.absolute-center {
position: absolute;
display: table;
height: auto;
width: 500px;
margin: auto;
top: 0;
bottom: 0;
right: 0;
left: 0;
border: solid 1px red;
}
<p class="absolute-center">What is this sorcery?</p>