Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30


Чувашия-это моя Россия

Выравнивание по высоте текста в 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">

Пусть первая часть строки будет базовой линией это фиксирует смещенение


Как видите, все подтверждается. Теория соответствует практике, то есть: «верх» текста приблизительно соответствует самому верхнему выносному элементу, а «низ» - самому нижнему выносному элементу.


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: