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

img {vertical-align: baseline;}
<p>The image found in this paragraph <img src="dot.gif" alt="A dot" /> has
its bottom edge aligned with the baseline of the text in the paragraph.</p>

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

Добавлено: 17 Июля 2018 08:14:33 Добавил: Андрей Ковальчук Нравится 0

Добавить