理解vertical-align属性

  • vertical-align
    • 设置元素在垂直方向上的对齐方式

注意:
1.垂直对齐属性只对行内元素有效
2.垂直对齐属性只对父级元素设置了line-height的元素

  • 基线对齐(vertical-align : baseline)

    • 所谓的基线对齐就是:使元素的基线同父元素的基线对齐
    • 默认对齐方式是基线对齐
  • 中间对齐(vertical-align : middle)

    • 使元素的中线同父元素的中线对齐,也就达到了垂直居中的效果
CSS