CSS 表格对齐
水平对齐
text-align 属性设置 <th> 或 <td> 中内容的水平对齐方式（如左、右或居中）。
默认情况下，<th> 元素的内容居中对齐，<td> 元素的内容左对齐。
要使 <td> 元素的内容也居中对齐，请使用 text-align: center
| 名 | 姓 | 储蓄 |
|---|---|---|
| Peter | Griffin | $100 |
| Lois | Griffin | $150 |
| 乔 | Swanson | $300 |
要左对齐内容，请使用 text-align: left 属性强制 <th> 元素的内容左对齐
| 名 | 姓 | 储蓄 |
|---|---|---|
| Peter | Griffin | $100 |
| Lois | Griffin | $150 |
| 乔 | Swanson | $300 |
垂直对齐
vertical-align 属性设置 <th> 或 <td> 中内容的垂直对齐方式（如顶部、底部或中部）。
默认情况下，表格内容的垂直对齐方式是中部（对于 <th> 和 <td> 元素）。
以下示例将 <td> 元素的垂直文本对齐方式设置为底部
| 名 | 姓 | 储蓄 |
|---|---|---|
| Peter | Griffin | $100 |
| Lois | Griffin | $150 |
| 乔 | Swanson | $300 |
