HTML标签将不会跨越第一个colspan 2单元格

Question

我在一个网站上有一个HTML表，我正在维护。为了适应新的布局，我需要让输入框的单元格colspan为2。问题是，有一个附加的标签需要保持在同一行。

当我进行更改时，标签不会越过第一列的"边界"线。

交货:关口

|-------|--------|——|-布局

|----------------|——|- Colspan="2"

|[=======]*-|--| - [===] 输入框,*标签应该是

|------*---------|--| - * 标签在哪里当我浮动对

HTML:

<td id="TdPhyAddress2" class="style10" colspan="2">
    <input id="txt1" runat="server" Height="20px" Width="476px" style="float:left"></input>
    <asp:label id="lbl1" Runat="server" style="float:right" ></asp:label>
</td>                  
<td></td>

由于某些原因，即使右浮动，标签也不会越过"1st"列线。我使用Visual Studio，即使在设计器视图中，我也不能在输入和单元格末尾之间的空间中拖放标签。

我不明白为什么会发生这种情况?单元格的colspan不应该应用于该单元格中的所有元素吗?

Answer 1

float right忽略大多数包含元素，只是在确定父元素宽度的范围内向右浮动。试一试:

text-align: right

。

Answer 2

我注意到一些可能有帮助的事情。您没有任何<tr>标记，因此除了语义之外，还可能导致一些样式问题。在输入之后，您还缺少一个</td>，因此您只有一个大单元格，后面有一个空单元格。

<tr>
    <td id="TdPhyAddress2" style="float:left" class="style10" colspan="2">
            <input id="txt1"runat="server" Height="20px" Width="476px"></input>
    </td>
    <td style="float:right">
            <asp:label id="lbl1" Runat="server"></asp:label>
    </td>
</tr>

这里有一个链接到演示代码的代码依赖。我相信这就是你要找的。