将复选框与td样式中心对齐复选框？

Question

我有一个包含复选框的特定行的表。我希望这些复选框与父td的中心对齐。 我知道我可以通过样式化父母td来实现这一点：

td {
    text-align: center;
}

我也知道我可以使用jQuery轻松实现这一点，但不幸的是，我无法使用jQuery。

该表是通过.NET创建的，我不能通过提供某个类来定位包含复选框的特定列。

我想知道是否有一种方式来设置复选框本身，以便将其与父级td的中心对齐。

类似的东西：

input[type=checkbox] {
    margin: auto;
}

Answer 1

您可以将display: block;和margin: 0 auto;设为input[type=checkbox]

JSFiddle - DEMO

td {
    width: 100%;
    background: #EEE;
}
input[type=checkbox] {
    margin: 0 auto;
    display: block;
}

解决方案2： - DEMO

将display: table;或display: flex;设为input[type=checkbox]

td {
    width: 100%;
    background: #EEE;
}
input[type=checkbox] {
    margin: 0 auto;
    display: table;
}

更多信息：

  

What, exactly, is needed for “margin: 0 auto;” to work?