"vertical-align" 样式用于设置元素内的行内元素或表格单元格的垂直对齐方式。
语法如下：
vertical-align: baseline|top|middle|bottom|text-top|text-bottom|super|sub|length|percentage|initial|inherit;
其中，“baseline”表示基线对齐；“top”表示顶部对齐；“middle”表示中间对齐；“bottom”表示底部对齐；“text-top”表示文本顶部对齐；“text-bottom”表示文本底部对齐；“super”表示上标对齐；“sub”表示下标对齐；“length”表示使用像素、英寸或厘米等长度单位进行垂直对齐；“percentage”表示使用相对于父元素高度的百分比进行垂直对齐；“initial”表示将样式设置为默认值；“inherit”表示继承父元素的样式。
例如，要将一个行内元素垂直居中对齐，可以使用以下样式：
span {
display: inline-block; /* 将行内元素设置为块级元素 */
vertical-align: middle; /* 垂直居中对齐 */
}
要将表格单元格中的文本顶部对齐，可以使用以下样式：
td {
vertical-align: text-top; /* 文本顶部对齐 */
}
请注意，“vertical-align”样式仅适用于行内元素和表格单元格，对于块级元素无效。另外，当设置为像素、英寸或厘米等长度单位时，垂直对齐的位置相对于元素的基线进行计算。