Главная >
Блог > Html/Css верстка > Горизонтальное центрирование блока средствами CSS
{Горизонтальное центрирование блока средствами CSS}
В прошлой статье мы разобрали способ реализации горизонтального центрирования блока неизвестной ширины.
Представим, что нам известна ширина блока. Разберем способы реализации:
C помощью margin:0 auto:
Css
.block{
width:50%;
margin:0 auto;
}
width:50%;
margin:0 auto;
}
C помощью отрицательного значения margin:
Сперва необходимо спозиционировать край блока по центру. Затем значение левого margin устанавливаем равным половине ширины блока и делаем его отрицательным.
Css
.block{
position:absolute;
left:50%;
width:50%;
margin:0 0 0 -25%;
}
position:absolute;
left:50%;
width:50%;
margin:0 0 0 -25%;
}
Комментарии:
НАША 