CSS:左对齐存在 INPUT 的 TD 内容

Question

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

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

Answer 1

看起来您正在制作一个基本表单，可能在相邻单元格中带有标签。如果是这样，我将使用 (表列标题)标签作为标签，如下所示:

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>

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