CSS中的 vertical-align
属性用于设置元素的垂直对齐方式,常用的取值包括:
baseline
:默认值,让元素的基线与父元素的基线对齐。top
:让元素的顶部与父元素的顶部对齐。middle
:让元素的中部与父元素的基线居中对齐。bottom
:让元素的底部与父元素的底部对齐。text-top
:让元素的顶部与父元素的文本顶部对齐。text-bottom
:让元素的底部与父元素的文本底部对齐。super
:让元素的基线对齐父元素基线的上方,用于上标。sub
:让元素的基线对齐父元素基线的下方,用于下标。需要注意的是,这些值是相对于父元素的,而不是相对于文档的。此外,vertical-align
属性仅对行内元素或表格单元格中的元素有效。
常用的场景包括:设置图片与文本的对齐方式、设置表格单元格中内容的垂直对齐方式等。