css - CSS：左对齐存在 INPUT 的 TD 内容

Question

当其中有输入时，我正在尝试在 CSS 中左对齐 TD 单元格的内容。输入应左对齐。这可能吗？

 <td> <input ....Left Align Me... /></td>

Answer 1

看起来您正在制作一个基本表单，可能在相邻单元格中带有标签。如果是这样，我会使用 <th> （表列标题）标签作为标签，如下所示：

CSS：

#tableId td {text-align: left; }
#tableId th {text-align: right; font-weight: normal}

HTML：

<table id="tableId">
<tr>
<th>Label</th>
<td><input id="test"></td>
</tr>
</table>

如果您的表格更复杂，下一个最简单的方法是简单地将类名添加到您想要左对齐的单元格中，以便在样式表中定位它们。

Answer 2

td input {
    float: left;
}

这并不完全是您想要的，但它与您使用纯 CSS 所获得的一样接近。