Говоря об этой проблеме, некоторые люди могут спросить: нет ли в CSS атрибута вертикального выравнивания для установки вертикального центрирования? Даже если некоторые браузеры не поддерживают это, мне просто нужно немного добавить CSS.
Хакерских технологий достаточно! Поэтому я должен сказать здесь несколько слов. Атрибут вертикального выравнивания действительно существует в CSS, но он встречается только для элементов, имеющих атрибут valign в HTML-элементе (X).
Эффективно, например,
эффект.
Связанное руководство: N способов центрировать div по горизонтали
1. Однорядное вертикальное центрирование.
Если в контейнере только одна строка текста, центрировать ее относительно просто. Нам нужно только установить ее фактическую высоту, равную высоте строки.
нравиться:
дел {
высота: 25 пикселей;
высота строки: 25 пикселей;
переполнение: скрыто;
}
Этот код очень прост. Параметр overflow:hidden используется позже, чтобы предотвратить выход содержимого за пределы контейнера или автоматический перенос строк, чтобы эффект вертикального центрирования не мог быть достигнут. Подробнее о CSS
Процедура.
<голова>