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