Выравнивание по базовой линии

Объявление vertical-align: baseline выравнивает базовую линию элемента по базовой линии его родителя. Броузеры по большей части делают это в любом случае, поскольку скорее всего ожидается, что низ всех текстовых элементов строки будет выровнен. Если у выровненного по вертикали элемента нет базовой линии, т. е. если это изображение, поле ввода формы или другой замещаемый элемент, тогда по базовой линии родителя выравнивается низ элемента:

img {vertical-align: baseline;}

The image found in this paragraph A dot has
its bottom edge aligned with the baseline of the text in the paragraph.



Правило выравнивания важно учитывать, потому что оно заставляет некоторые броузеры всегда помещать нижний край замещаемых элементов на базовой линии, даже если в строке нет другого текста. Допустим, что в ячейке таблицы имеется только изображение. Оно может располагаться на базовой линии, но в некоторых броузерах это приводит к появлению зазора под изображением. Другие броузеры «пакуют» изображение в ячейку таблицы без всяких зазоров. Зазор предусмотрен требованиями CSS Working Group, хотя это и не нравится большинству авторов.

Оцените статью: (0 голосов)
0 5 0

Статьи из раздела CSS на эту тему:
В середине
Вертикальное выравнивание текста
Выравнивание по верхнему краю
Выравнивание по заданному расстоянию
Выравнивание по низу

Вернуться в раздел: CSS / 6. Свойства текста