理解vertical-align属性
- vertical-align
- 设置元素在垂直方向上的对齐方式
注意:
1.垂直对齐属性只对行内
元素有效
2.垂直对齐属性只对父级元素设置了line-height
的元素
基线对齐(vertical-align : baseline)
- 所谓的基线对齐就是:使元素的基线同父元素的基线对齐
- 默认对齐方式是基线对齐
中间对齐(vertical-align : middle)
- 使元素的中线同父元素的中线对齐,也就达到了垂直居中的效果
注意:
1.垂直对齐属性只对行内
元素有效
2.垂直对齐属性只对父级元素设置了line-height
的元素
基线对齐(vertical-align : baseline)
中间对齐(vertical-align : middle)