Выравнивание по высоте текста в CSS.
Значения text-top и text-bottom выравнивают элемент относительно верхнего и нижнего края окружающего текста соответственно. Хотя это зависит от дизайна шрифта, «верх» текста приблизительно соответствует самому верхнему выносному элементу, а «низ» - самому нижнему выносному элементу. Если более точно, то они соответствуют верху и низу текстового блока для данного шрифта и вычисляются на основе размера шрифта родительского элемента. При вычислении верха и низа текстового блока игнорируются замененные элементы.
Последним вариантом выравнивания по тексту в CSS является вариант middle, который выравнивает вертикальную срединную линию элемента (обычно - изображения) с воображаемой горизонтальной линией, проведенной через половину высоты родительского элемента. Для шрифта высотой является высота букв в нижнем регистре, но браузеры обычно определяют ее как 0.5 ет. Следовательно, в соответствии со спецификацией, линия, по которой происходит вертикальное центрирование, находится на расстоянии всего 0.25 ет от базовой линии.
Вот, значение < img style="vertical-align: text-top" src="../fon/625.jpg">
Пусть первая часть строки будет базовой линией это фиксирует смещенение
Вот, значение < img style="vertical-align: text-bottom" src="../fon/625.jpg">
Пусть первая часть строки будет базовой линией это фиксирует смещенение
Вот, значение < img style="vertical-align: middle" src="../fon/625.jpg">
Пусть первая часть строки будет базовой линией это фиксирует смещенение
Как видите, все подтверждается. Теория соответствует практике, то есть: «верх» текста приблизительно соответствует самому верхнему выносному элементу, а «низ» - самому нижнему выносному элементу.
обратно на главную назад дальше вперед
ПОНРАВИЛОСЬ? ПОДЕЛИСЬ с ДРУЗЬЯМИ:
|