如何让checkbox类型的<input>在表格<td>中居中
时间: 2023-12-13 20:03:11 浏览: 340
解决table td中的checkbox无法上下居中的问题
要让`<input>`元素以checkbox类型在表格的`<td>`中居中,可以使用CSS来设置样式。以下是一个示例:
```html
<style>
td {
text-align: center;
}
input[type="checkbox"] {
display: inline-block;
vertical-align: middle;
}
</style>
<table>
<tr>
<td><input type="checkbox"></td>
<td>其他单元格</td>
</tr>
</table>
```
在上面的示例中,我们使用了两个CSS样式规则。第一个规则`td`用于将表格单元格中的内容居中对齐。第二个规则`input[type="checkbox"]`用于将checkbox类型的`<input>`元素设置为内联块级元素,并垂直居中对齐。
通过这些样式设置,你可以实现让checkbox类型的`<input>`在表格单元格中居中显示。可以根据需要进行进一步的样式调整。
阅读全文