vertical-align - 个人技术博客

324 字

2 分钟

vertical-align

2017-09-01

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	采用父元素相关属性的相同的指定值