vertical-align属性总结

vertical-align属性总结

> 注意：下面说的父元素、行框、行框盒子、文本行均是一个意思

• baseline: 基线对齐

  使元素的基线同父元素的基线对齐。

• sub: 下标

  使元素的基线相对于父元素的基线下降（父元素的下标位置，不同浏览器的下降幅度不同）。

• super: 上标

  使元素的基线相对于父元素的基线升高（父元素的上标位置，不同浏览器的上升幅度不同）。

• top: 顶端对齐

  使元素的行内框的顶端（不是元素的顶线）与行框的顶端（不是行框的顶线）对齐。

• bottom: 底端对齐

  与顶端对齐相反，使元素的行内框的底端（不是元素的底线）与行框的底端（不是行框的底线）对齐。

• middle: 中间对齐

  通常使用在图片上，使图片垂直方向的中线与父元素的中线对齐。

• text-top: 与文本的顶端对齐

  使元素行内框的顶端同文本行的顶线对齐

• text-bottom: 文本的底端对齐

  与文本顶端对齐相反，使元素行内框的底端同文本行的底线对齐。

• percent、px: 相对父元素的基线上移（正数）/下移（负数）

  使元素的基线相对于父元素的基线升高（正值）或者降低（负值）。其中percent是相对于行高来的。

• inherit: 继承自父元素的vertical-align属性