大学生html表格怎么居中
2025-05-10 20:00:10
流年如水
已认证
已认证流年如水为您分享以下优质知识
以下是大学生学习HTML表格居中的实用方法，结合了多种技术手段，涵盖块级元素和单元格内容的居中方式：
一、表格整体居中
外层容器居中
使用`margin: auto`属性将包裹表格的容器（如`div`）水平居中。需设置容器宽度为`100%`或具体宽度，并确保父元素（如`body`）无左右内边距。
示例代码：
```html
表格居中示例
.container {
width: 100%;
margin: 0 auto;
}
table {
width: 100%;
border-collapse: collapse;
}
th, td {
border: 1px solid 000;
padding: 8px;
text-align: center;
}
| 列1 | 列2 |
|---|---|
| 数据1 | 数据2 |
