Jquery 复选框对齐

我想弄明白为什么th复选框永远不会与列的其余部分对齐。所有复选框应居中对齐

更新：实际实时版本

---

桌面上的填充物大于单元格上的填充物。您需要修改其上的填充，以便将您的

th

复选框与

td

的其余部分对齐，如下所示：

.table thead th {
  padding:7px;
}

---

更新的fiddle:

桌面上的填充物大于单元格上的填充物。您需要修改其上的填充，以便将您的

th

复选框与

td

的其余部分对齐，如下所示：

.table thead th {
  padding:7px;
}

更新的小提琴：

添加此样式规则

.table thead th:first-child,
.table tbody td:first-child { text-align: center; }

演示：

你的现场版本与你在小提琴中的版本不同。但问题在于

myccs.css

中的以下样式

table .checkbox {
    margin: 0 !important;
    padding: 8px 13px;
}

尝试添加如下样式

table .checkbox {
    margin: 0 !important;
    padding: 8px 0px !important;
}

添加此样式规则

.table thead th:first-child,
.table tbody td:first-child { text-align: center; }

演示：

你的现场版本与你在小提琴中的版本不同。但问题在于

myccs.css

中的以下样式

table .checkbox {
    margin: 0 !important;
    padding: 8px 13px;
}

尝试添加如下样式

table .checkbox {
    margin: 0 !important;
    padding: 8px 0px !important;
}

---

你可以举出你的运球例子，它是通过推杆起作用的

 table tr td:first-child { text-align: center !important; } 

更新

织女星的解决方案显然更好！别理我^^

更新2

按照Vaga的建议使用css，并添加新的填充规则。像这样：

 .table thead th:first-child,
 .table tbody td:first-child { text-align: center; padding:4px 0px; }

---

然后它看起来很好：）

你可以看看你的运球例子，它是通过推杆完成的

 table tr td:first-child { text-align: center !important; } 

更新

织女星的解决方案显然更好！别理我^^

更新2

按照Vaga的建议使用css，并添加新的填充规则。像这样：

 .table thead th:first-child,
 .table tbody td:first-child { text-align: center; padding:4px 0px; }

---

然后它看起来不错：）

你知道你可以在Chrome中使用DOM inspector或在FF中使用Firebug检查页面元素的样式吗？你知道你可以在Chrome中使用DOM inspector或在FF中使用Firebug检查页面元素的样式吗？这个答案很好，但出于某种原因，当我尝试将其放入实时版本时，它仍然没有对齐。让我尝试包含所有文件，以便您可以看到确切的实时版本。@user1406861检查我的更新帖子。。还有其他方法可以解决这个问题。。也许你应该看看为什么你需要那么多填充物。我这么说的原因是。。上面的内容覆盖了以前定义的某些规则。。但是最好在一开始就把它设置好，这样以后就不必再修补了。是的，出于某种原因，我不知道这是否有什么作用。这个答案很好，但出于某种原因，当我尝试将它放入实时版本时，它仍然没有对齐。让我尝试包含所有文件，以便您可以看到确切的实时版本。@user1406861检查我的更新帖子。。还有其他方法可以解决这个问题。。也许你应该看看为什么你需要那么多填充物。我这么说的原因是。。上面的内容覆盖了以前定义的某些规则。。但最好在一开始就把它设置好，这样以后就不必修补了。是的，出于某种原因，我不知道这是否有什么作用。这仍然是一个很好的建议。感谢您花时间回复。已使用新的awncer更新。中的复选框需要特别注意，只需使用填充，直到它的中心编辑仍然是一个很好的建议。感谢您花时间回复。已使用新的awncer更新。适当位置的复选框需要特别注意，只需使用填充，直到它居中为止