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

Question

我正在尝试使用CSS来保留TD单元格中的内容。输入应保持对齐。这可能吗？

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

Answer 1

看起来你正在制作一个基本形式，可能在相邻单元格中有标签。如果是这样，我会使用＆lt; th＆gt; （表格列标题）标签的标签如下：

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一样接近。