HTML標籤不會跨越colspan 2單元中的第一列

我在我正在維護的網站上有一個HTML表格。爲了適應新的佈局，我需要製作一個輸入框的單元格colspan 2.問題是，有一個附帶的標籤需要保持在同一行上。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>

出於某種原因，標籤將不能穿過「第一」列線，即使浮動權。我使用Visual Studio，甚至在設計器視圖中，我無法將標籤拖放到單元格的輸入和結尾之間的空白處。

我不明白爲什麼會發生這種情況？細胞羣不應該適用於該細胞中的所有元素嗎？

任何幫助將appriciated。

來源

2015-09-15 Noahm888

float right忽略大多數包含元素，並且只要能夠確定父元素的寬度就可以向右浮動。 Try：

text-align: right

改爲。

來源

2015-09-15 17:25:58

我遇到了同樣的問題與文本對齊：不幸的是， – Noahm888

我需要看到更多的HTML，因爲問題必須在此代碼段的外部。如果您嘗試使用基本示例的兩種情況，您將看到text-align：right將始終與可用單元格空間的右側對齊。 –

我注意到一些可能有所幫助的事情。您沒有任何<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>

Here is a link to a codepen demonstrating the code. 我相信這是你在找什麼。

來源

2015-09-15 17:26:19

是的，我在我的實際代碼中有標籤，我忘記在我的示例中包含它們。您的解決方案將工作，除非我不能在單獨的單元格中有輸入和標籤。此網站的設計具有id =「TdPhyAddress2」（背景顏色更改）單元格上的功能，這需要同時影響輸入和標籤元素。不幸的是，這並不容易改變。 – Noahm888

啊好的。是否有可能將ID更改爲一個類，並給這兩個單元的類？當我今晚回到家時，我會再試一次，回到你身邊！ –

謝謝你的幫助！我實際上修復了它。我仍然不知道是什麼原因造成的，但我只是從網站的其他部分（幾乎相同的代碼）複製代碼並粘貼到位，只是將ID更改爲應該設置的內容。即使代碼相同，它也能正確顯示。我不是在問問題，而是現在在工作！再次感謝！ – Noahm888

HTML標籤不會跨越colspan 2單元中的第一列

回答

相關問題