vertical-align
- 改变基线对齐方式
- vertical-align: top; 顶部对齐
- vertical-align: bottom; 底部对齐
- vertical-align: middle; 中部对齐
|值|描述|
|—-|—-|
|长度|通过距离升高(正值)或降低(负值)元素。’0cm’等同于’baseline’|
|百分值 – %|通过距离(相对于1line-height1值的百分大小)升高(正值)或降低(负值)元素。’0%’等同于’baseline’|
|baseline|默认。当前元素的基线与父元素的基线对齐。|
|sub|降低元素的基线到父元素合适的下标位置。|
|super|升高元素的基线到父元素合适的上标位置。|
|top|所有平级元素,去找最高(高度最高)元素的顶部进行对齐|
|text-top|把元素的顶端与父元素内容区域的顶端对齐。|
|middle|所有平级元素,去找最高(高度最高)元素的中部进行对齐|
|bottom|所有平级元素,去找最高(高度最高)元素的底部进行对齐|
|text-bottom|把元素的底端与父元素内容区域的底端对齐。|
|inherit|采用父元素相关属性的相同的指定值|
浏览器支持
- 所有浏览器都支持 vertical-align 属性。
- 注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 “inherit”。