如何在表格单元格中居中放置复选框？
该单元格仅包含一个复选框。由于表标题行中的文本，所以它很宽。如何将复选框居中（在HTML中包含内联CSS？（我知道））
我试过了
<td>
<input type="checkbox" name="myTextEditBox" value="checked"
style="margin-left:auto; margin-right:auto;">
</td>
但这没用。我究竟做错了什么？
更新：这是一个测试页。有人可以更正它吗（在HTML中使用CSS内联），以使复选框位于其列的中心？
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Alignment test</title>
</head>
<body>
<table style="empty-cells:hide; margin-left:auto; margin-right:auto;" border="1" cellpadding="1" cellspacing="1">
<tr>
<th>Search?</th><th>Field</th><th colspan="2">Search criteria</th><th>Include in report?<br></th>
</tr>
<tr>
<td>
<input type="checkbox" name="query_myTextEditBox" style="text-align:center; vertical-align: middle;">
</td>
<td>
myTextEditBox
</td>
<td>
<select size ="1" name="myTextEditBox_compare_operator">
<option value="=">equals</option>
<option value="<>">does not equal</option>
</select>
</td>
<td>
<input type="text" name="myTextEditBox_compare_value">
</td>
<td>
<input type="checkbox" name="report_myTextEditBox" value="checked" style="text-align:center; vertical-align: middle;">
</td>
</tr>
</table>
</body>
</html>
我已经接受@Hristo的回答-这就是内联格式…
<table style="empty-cells:hide;" border="1" cellpadding="1" cellspacing="1">
<tr>
<th>Search?</th><th>Field</th><th colspan="2">Search criteria</th><th>Include in report?<br></th>
</tr>
<tr>
<td style="text-align: center; vertical-align: middle;">
<input type="checkbox" name="query_myTextEditBox">
</td>
<td>
myTextEditBox
</td>
<td>
<select size ="1" name="myTextEditBox_compare_operator">
<option value="=">equals</option>
<option value="<>">does not equal</option>
</select>
</td>
<td>
<input type="text" name="myTextEditBox_compare_value">
</td>
<td style="text-align: center; vertical-align: middle;">
<input type="checkbox" name="report_myTextEditBox" value="checked">
</td>
</tr>
</table>
问题答案：
更新
HTML
<table>
<tr>
<td>
<input type="checkbox" name="myTextEditBox" value="checked" /> checkbox
</td>
</tr>
</table>
CSS
td {
text-align: center; /* center checkbox horizontally */
vertical-align: middle; /* center checkbox vertically */
}
table {
border: 1px solid;
width: 200px;
}
tr {
height: 80px;
}
我希望这有帮助。
-
问题内容： 如何在单元格中居中放置值？我正在使用Netbeans。 问题答案： 您需要自定义渲染器。要居中第一列，您可以执行以下操作： 要使所有列都以String数据为中心，您可以执行以下操作：
-
我的代码有一个特殊的问题。 然后它会发生在图像上出现的事情。我需要汉字列是CENTER对齐，但出于某种原因，'tcr，不工作，因为它应该是，但默认渲染器正在做它应该是。 有什么建议/帮助吗？
-
问题内容： 我已经做过一些研究，但是找不到关于如何水平放置UICollectionView中的单元格的代码示例。 而不是第一个单元格像这样的 X00 ，我希望它像这样的 0X0 。有什么办法可以做到这一点？ 编辑： 可视化我想要的东西： 当CollectionView中只有一个元素时，我需要它看起来像版本B。当我获得多个元素时，它应该类似于版本A，但具有更多元素。 目前，当我只有1个元素时，它看起
-
问题内容： 我正在使用Vaadin，我想为我的表格/表格中的特定单元格设置背景色，或者如果无法为特定表格中的单元格设置背景色，我想至少为表格/表格中的特定单元格设置字体颜色。我有一个表格/表格的代码TableView如下： 表格/表格的内容类为： 如果可以将背景颜色设置为特定的单元格，或者至少设置字体颜色，并且您知道该怎么做，请写信。例如，在表格/表格中单元格的值为“ 1”的情况下，我想将其设置为
-
我目前正在使用作为用户交互界面网格，它运行良好。但是，我想启用水平滚动。网格每页支持8个项目，当项目总数为4个时，这是启用水平滚动方向时应该如何排列项目： 这里0 - 有没有办法让它们像这样居中对齐: 这样内容看起来更干净？ 下面的安排也可能是我期待的一个解决方案。
-
问题内容： 我正在使用CSS网格来布局这样的某些项目… 如何使最后一行居中而不是左对齐？我不能保证项目的数量，因此想要使布局适合任何数量的项目。 这是我应该使用flexbox代替的东西吗？还是CSS网格适合使用？ 问题答案： CSS Grid不适合在整行中对齐，因为纵横交错的轨道阻碍了这种方式。以下是详细说明： 或者，将flexbox与一起使用。 这会将所有项目打包在该行的水平中心。然后，您的利润