CSS. Каскадные таблицы стилей. Подробное руководство.Символ-Плюс 2008

Рис. 6.11. Выравнивание изображения по базовой линии

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

Более подробно зазоры и способы, позволяющие избежать их появления, обсуждаются в моей статье «Images, Tables, and • Mysterious Gaps*, находящейся по адресуhttp://developer, mo-zilla.org/en/doc8/Image8,_Table8,jand_Mysteriou8_Gap8. Вопросы компоновки строк также рассматриваются в главе 7.

Надстрочные и подстрочные элементы

Объявление vertical-align:sub превращает элемент в подстрочный. Это означает, что его базовая линия (или низ, еслн это замещаемый элемент) опущена относительно базовой линии его родителя. Спецификация не определяет величину понижения элемента, поэтому она может меняться в зависимости от агента пользователя.

Значение super противоположно sub; оно поднимает базовую линию элемента (или низ замещаемого элемента) относительно базовой линии родителя. Опять же расстояние, иа которое поднимается текст, зависит от агента пользователя.

Заметьте, что значения sub и super не меняют размер шрифта элемента, так что подстрочный или надстрочный текст не станет меньше (или больше). Напротив, любой текст под- или надстрочного элемента должен по умолчанию иметь такой же размер, что и текст родительского элемента, как показано на рис. 6.12:

span.raise {vertical-align:super;} span.lower {vertical-align:sub;}

Рис. 6.12. Подстрочное и надстрочное выравнивание