在CSS中，vertical-align属性用于设置元素的垂直对齐方式。该属性通常用于内联元素或表格单元格中。
值
vertical-align属性可以接受以下值：
baseline：默认值，元素的基线与父元素的基线对齐。top：元素的顶部与父元素的顶部对齐。middle：元素的中部与父元素的中部对齐。bottom：元素的底部与父元素的底部对齐。text-top：元素的顶部与父元素的文本顶部对齐。text-bottom：元素的底部与父元素的文本底部对齐。<length>：指定一个具体的长度值，元素按照该长度值进行对齐。<percentage>：指定一个百分比值，元素按照父元素高度的百分比进行对齐。
示例代码
-- -------------------- ---- ------- ---- - --------------- ------- - --- - --------------- ---- - - - --------------- ----- -
在上面的示例代码中，span元素的内容将会垂直居中对齐，div元素的内容将会与父元素顶部对齐，p元素的内容将会距离父元素顶部20像素。
注意事项
vertical-align属性对于块级元素没有效果，只对内联元素和表格单元格有效。- 在表格中，
vertical-align属性可以用于设置单元格中内容的垂直对齐方式。 - 当
vertical-align属性应用于内联元素时，它会影响该元素与相邻内联元素的垂直对齐方式。