Задать вопрос
@Deomid
html

Как сделать вертикальное выравнивание html элементов?

Как сделать сразу и вертикальное, и горизонталное выравнивание html элементов? Чтобы текст был всегда по центру экрана (при адаптации тоже).
Заранее спасибо.
  • Вопрос задан
  • 153 просмотра
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 1
aliencash
@aliencash
Партизан
Ну например.
https://codepen.io/aliencash/pen/PmeaPL
Только если вы не понимаете как это работает, какая вам от этого польза?
Ответ написан
5 комментариев
5 комментариев
Пригласить эксперта
Ответы на вопрос 1
@oops-wrong
Выравнивание по высоте будет отличаться от того, в потоке располагается контейнер текста или вне потока.
Любимым решением для потока до появления flex был table-cell.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Вертикальное выравнивание display: table-cell</title>
<style>
  .wrapper {
    display: table;
    width: 100%;
  }
  .cell {
    display: table-cell;
    height: 100px;
    vertical-align: middle;
  }
</style>
</head>
<body>
  <div class="wrapper">
    <p class="cell">Я выровнен по вертикали</p>
  </div>
</body>
</html>

Код взят с сайта verstaka.net/verstka/gorizontalnoe-i-vertikalnoe-v...
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
CRM Bitrix24 разработчик
World Vision Clinic • Москва
от 170 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Доработка сайта на Vue и node
23 дек. 2024, в 11:07
10000 руб./за проект
Разработать 3D модель лопасти
23 дек. 2024, в 10:43
5000 руб./за проект
Разработать принципиальную схему в Altium Designer
23 дек. 2024, в 10:32
2000 руб./за проект
Ещё заказы