Что такое vertical-align и с чем его едят?
Wednesday, January 31st, 2007Недавно пришел к выводу, что я совершенно не могу пользоваться свойством vertical-align. Хотя, казалось бы - задал свойство height и выравнивай себе на здоровье свойством vertical-align. Но не все так просто. Обратимся за информацией к стандарту CSS 2. Область применения у vertical-align : строковые и ‘table-cell’ элементы. По умолчанию начальное значения этого свойства - baseline(Осуществляется выравнивание базисной линий блока относительно базисной линии его родительского блока. Если у блока нет базисной линии, то выполняется выравнивание его нижней границы относительно базисной линии родительского блока). Интересна последовательностей действий при формировании выравнивания ячеек в таблице, согласно спецификации CSS 2:
- Сначала позиционируются ячейки, выровненные относительно базовой линии. В результате будет создана базовая линия строки. Далее позиционируются ячейки со свойством ‘vertical-align: top’. (more…)