要正确对齐表格的th和td,可以使用CSS来控制表格的样式。下面是一个示例代码,演示如何通过设置表格的CSS样式来对齐th和td。
HTML代码:
姓名
年龄
地址
张三
25
北京市
李四
30
上海市
王五
28
广州市
CSS代码:
table {
width: 100%;
border-collapse: collapse;
}
th, td {
padding: 8px;
text-align: left;
}
thead {
background-color: #f2f2f2;
}
th {
font-weight: bold;
}
在上面的代码中,我们使用了text-align: left;
来将th和td的文本左对齐,padding: 8px;
用于设置单元格的内边距,border-collapse: collapse;
用于合并单元格边框。
通过设置合适的CSS样式,我们可以确保表格的th和td正确对齐。
上一篇:表格的td元素尽管已经添加了CSS样式,但行宽仍不相同。
下一篇:表格的替代边框