css中文字垂直排列td

在CSS中，我们可以通过设置vertical-align属性来控制元素中文字的垂直排列。

在默认情况下，元素中的文字会以基线（baseline）为参照物进行排列。如果我们想让文字垂直居中，可以将vertical-align属性设置为middle：

td {
  vertical-align: middle;
} 

如果想要文字在单元格顶部或底部对齐，可以设置vertical-align属性为top或bottom：

td {
  vertical-align: top; /*文字在顶部对齐*/
}

td {
  vertical-align: bottom; /*文字在底部对齐*/
} 

另外，如果单元格中存在多行文字，并且希望每一行的文字都按照指定方式垂直排列，可以在元素内部使用标签来包裹每一行文字，并对每一个元素设置vertical-align属性。

<td>
  <span style="vertical-align: top;">第一行文字</span>
  <span style="vertical-align: middle;">第二行文字</span>
  <span style="vertical-align: bottom;">第三行文字</span>
</td> 

通过设置vertical-align属性，我们可以轻松地控制元素中文字的垂直排列。需要注意的是，在使用vertical-align属性时，其作用的元素必须是一个行内元素或表格元素，否则无法生效。