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

Question

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

td {
    text-align: center;
}

我也知道我可以用jQuery轻松实现这一点,但不幸的是,我不能使用jQuery.

该表是通过.NET创建的,我不能通过给出某个类来定位包含复选框的特定列.

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

就像是:

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

Answer 1

你可以通过set display: block;和margin: 0 auto;to来做到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;
}

更多信息:

确切地说,"margin:0 auto;"需要什么才能工作？