Выравнивание по низу

Объявление vertical-align: bottom выравнивает низ строкового блока элемента по низу контейнера строки. Например, результат применения следующей разметки:

.feeder {vertical-align: bottom;}

This paragraph, as you can see quite clearly, contains a tall image and a <br />
short image, and then some text that is not tall.



Нижние края которых выровнены относительно друг друга. Они также находятся ниже базовой линии текста. Значение vertical-align: text-bottom измеряется относительно нижней линии текста строки. При этом замещаемые или любые другие нетекстовые элементы игнорируются. Вместо этого учитывается «применяемый по умолчанию» текстовый блок. Этот стандартный блок происходит от font-size родительского элемента, и низ строкового блока выровненного элемента выравнивается относительно низа стандартного текстового блока. Таким образом, применив показанную ниже разметку, мы получаем результат:

img.tbot {vertical-align: text-bottom;}

Here: a tall
image, and then a short image.



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

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

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