CSS 表格对齐

水平对齐

这个text-align属性设置 <th> 或 <td> 中内容的水平对齐方式（如左、右或中心）。

默认情况下，<th> 元素的内容居中对齐，<td> 元素的内容左对齐。

要居中对齐 <td> 元素的内容，请使用text-align: center：

td {
text-align: center;
}

要左对齐内容，请强制 <th> 元素的对齐方式为左对齐，其中text-align: left属性：

th {
text-align: left;
}

这个vertical-align属性设置 <th> 或 <td> 中内容的垂直对齐方式（如顶部、底部或中间）。

默认情况下，表格内容的垂直对齐方式为中间（对于 <th> 和 <td> 元素）。

以下示例将 <td> 元素的垂直文本对齐方式设置为底部：

td {
height: 50px;
vertical-align: bottom;
}