Задать вопрос
@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...
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Рефакторинг и оптимизация кода Python проекта
25 апр. 2024, в 00:17
1500 руб./в час
Обновление веб-интерфейса согласно UI дизайну проекта
25 апр. 2024, в 00:15
1500 руб./в час
Переложить планировщик задач в веб-интерфейс
24 апр. 2024, в 23:57
1200 руб./в час
Ещё заказы