Для вертикального вирівнювання встановіть ширину / висоту батьківського елемента на 100% і додайте display: table. Потім для дочірнього елемента змініть відображення на table-cell і додайте vertical-align: middle . Для горизонтального центрування ви можете або додати text-align: center, щоб відцентрувати текст та будь-які інші вбудовані дочірні елементи.
Ви можете вертикально вирівняти <form> або будь-який елемент контейнера такими способами:
- Використання медіа-запиту для кожного розміру екрана та пристрою та визначення верхнього поля для кожного з них.
- За допомогою JavaScript для обчислення та призначення верхнього поля контейнеру форми кожного разу, коли сторінка завантажується.
- За допомогою методу css3 calc().
Виділіть текст, який потрібно розташувати по центру. у групі Параметри сторінки, а потім клацніть вкладку Макет. У полі Вертикальне вирівнювання натисніть Центр.
Ви можете зробити це за допомогою вкладення всієї вашої форми в <div> з ідентифікатором, а потім стиль цього конкретного div за допомогою висоти: 100%; ширина: 100%; дисплей: гнучкий; .
The <center> Елемент HTML є елементом рівня блоку, який відображає свій вміст на рівні блоку або вбудований вміст, центрований горизонтально всередині елемента, що містить його.