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 |