css td行高

在网页设计中，使用CSS美化HTML表格是非常常见的。其中，行高是表格美化的一个重要元素之一。在CSS中，可以通过设置 td 的 line-height 属性来修改表格的行高。

td {
  line-height: 30px; /* 设置行高为30px */
}

如果不设置行高，表格的行高默认是文字的高度。也就是说，如果有两行文字的大小不同，那么它们的行高也是不同的。

通过设置行高，可以让表格的样式更加整齐，使得不同行的高度保持一致，视觉上更加舒适。

td {
  line-height: 40px;
}

此外，还可以使用 vertical-align 属性来控制单元格内容垂直方向的对齐方式。这个属性不仅仅适用于表格，还适用于其他块级元素。

td {
  line-height: 50px;
  vertical-align: middle; /* 将单元格内容垂直居中对齐 */
}

在实际开发中，根据不同的表格内容和布局，可能需要选择不同的行高和对齐方式来满足设计需求。