Вертикальное выравнивание в CSS.

Используйте свойство vertical-align для вертикального выравнивания внутристрочного элемента. Значения для этого свойства определяются относительно базовой линии, высоты текста (размера шрифта) или общей высоты строки vertical-align и его значения:

                          baseline
                          sub
                          super
                          top
                          text-top
                          middle
                          text-top
                          bottom
                          процент
                          длина
                          inherit

Начальное значение: baseline. Применимо: К внутристрочным элементам и ячейкам таблиц. Наследуется: Да.

Свойство vertical-align применяется к внутристрочным текстовым элементам, а также к нетекстовым элементам, которые могут появляться в потоке текста, таким как изображения( фото, рисунки, графические линии) или поля формы, например, при авторизации. Изображения и поля форм являются примерами замененных (replaced) элементов, потому как исходный документ содержит только ссылку на элемент, которая заменяется реальным содержанием при отображении и интерактивном использовании, большинство XHTML-элементов являются незамеченными (non-replaced), т. е. их содержимое находится в исходном документе сайта. К примеру, текст абзаца р находится в самом блоке абзаца p.

От таких заумных слов давайте перейдем к простым и понятным вещям. Будем любоваться как свойство vertical-align будет справляться со своей работой при разных значениях его параметров.

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