html 表格元素与上面的行不对齐

Question

我在设计表格样式时遇到了问题。

http://jsfiddle.net/Gs7Vx/5/

<tr>
    <td class="label">HRS</td>
    <td class="label">INSP</td>
</tr>

我希望此行中的“HRS”和“INSP”字段与其上方的输入字段对齐。我尝试了很多东西，但都没有用。我确信有一个简单的解决方案，但我只是想念它。

Answer 1

要使输入与标签对齐，您需要

A) 添加一个空白<td></td>到第二行(因为它上面的行有 3 个单元格而它只有 2 个)，并且

B) 删除 float:right;来自 .label类(class)。

参见 this作为例子。我只添加了 <td></td>到你的四个部分中的第一行，但它们都是相同的，所以你明白了。