Центрирование по вертикали

Центрировать элементы по горизонтали в CSS невероятно просто: если это строковый элемент, то мы применяем text-align: center к его предку, а если это блочный элемент, то мы применяем margin: auto к нему самому. Но одной мысли о том, чтобы центрировать элемент по вертикали, достаточно, чтобы по спине пробежали холодные мурашки. С годами центрирование по вертикали превратилось в «святой грааль» CSS и «семейную шутку» разработчиков внешних интерфейсов. И это понятно, ведь здесь налицо все необходимые причины:

это то, что требуется разработчикам очень часто;
это звучит чрезвычайно просто в теории; Читать далее

		Это интересно 0	Как всё будет выглядеть в блоге: Центрирование по вертикали Центрировать элементы по горизонтали в CSS невероятно просто Скопируйте код для блога: <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/poleznyie-servisyi-i-programmyi-dlya-nachinayuschih-polzovatelej/14266078/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;"> Центрирование по вертикали </a> <div class="insert-intro" style="font-family:trebuchet MS;">Центрировать элементы по горизонтали в CSS невероятно просто </div> </div> Центрирование по вертикали <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/poleznyie-servisyi-i-programmyi-dlya-nachinayuschih-polzovatelej/14266078/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;">Центрирование по вертикали</a> <div style="font-family:trebuchet MS;">Центрировать элементы по горизонтали в CSS невероятно просто </div> </div>

webguru

15.11.2017

В избранное Пожаловаться Просмотров: 686

Комментарии ⁰

Полезные сервисы и программы для начинающих пользователей 7268

Важные темы:

Активные участники:

Последние откомментированные темы:

Центрирование по вертикали

Комментарии временно отключены

Открытая группа
38977 участников