标题中的中心复选框答案

【问题标题】：Center Checkbox in Header标题中的中心复选框
【发布时间】：2014-10-18 04:45:00
【问题描述】：

我想对齐：在标题中将“全选”复选框居中。它是 jqgrid 标题中的第一个单元格。

我试过了：

#configDiv th input[type="checkbox"] {
    margin: 0 auto !important;
}

和

grid.find('th input[type="checkbox"]').css("align", "center");

那些没有用！

有什么想法吗？

【问题讨论】：

【解决方案1】：

感谢来自 Oleg 的 this answer 我找到了这个；

grid.closest('div.ui-jqgrid-view').find('table.ui-jqgrid-htable th:first-child').css("text-align", "center");

【讨论】：

【解决方案2】：

输入，例如复选框，是内联元素，您不能直接将它们居中。您需要将父元素中的“文本”（我知道复选框不是文本，但这就是 CSS 规则）居中，在本例中为 th。

您可以在您的 CSS 中使用以下代码来做到这一点；

#configDiv th {
    text-align: center;
}

如果您需要定位特定的 th，那么您应该向 HTML 添加一个类并使用 th.classname 选择器。

希望这会有所帮助。

【讨论】：

您能否发布您的 HTML 输出（编辑您的问题），以便我们查看是否还有其他问题。不要全部发布，只发布复选框周围的部分。
我是新来的，所以无法发布图片！
不，当您右键单击页面并选择查看源代码（或浏览器中的任何内容）时复制并粘贴代码。
是的。因此，为什么您应该只发布相关部分。查看（或使用 Ctrl+F 搜索）<input type='checkbox'（您可能使用双引号 (") 而不是我在这里使用的单引号）。