为什么我的列中的行突然跳到右边？我该如何解决？

Question

大家好。因此，在尝试向网站上的弹出窗口 window 添加一些日期字段时，我遇到了一些奇怪的事情。将这 3 行添加到弹出窗口导致他们应该在的列跳到右边，现在我无法让他们排队。

我不知道这有多重要，但是列的左侧有一个文本框，但是我添加的 boxes/rows 将低于文本框的高度。

下面我尝试了一段代码作为示例，如果够用我会尝试添加更多：

<table style="float: left;">
<tr>
<div>
     <tr>(the following code shows normally like it should)
         <td align="left" valign="top" colspan="4">Lable:</td>
     </tr>
     <tr>
         <td width="2px"></td>
         <td align="left" valign="top">Label</td>
         <td colspan="3">
              <telerik:RadDatePicker ID="RDP1" runat="server" 
         Culture="Language" 
         DbSelectedDate='<%# (Container is GridEditFormInsertItem)? DateTime.Today : Eval("EVAL1") %>'
         Width="145px">
              <Calendar ID="Calendar3" runat="server" UseColumnHeadersAsSelectors="False" UseRowHeadersAsSelectors="False" ViewSelectorText="x">
             </Calendar>
              <DatePopupButton HoverImageUrl="" ImageUrl="" />
              <DateInput ID="DateInput3" runat="server" DateFormat="dd-MM-yyyy" DisplayDateFormat="dd-MM-yyyy">
              </DateInput>
              </telerik:RadDatePicker>
         </td>
    </tr>
    <tr>
        <td></td>
        <td colspan="3">Label</td>
    </tr>
    <tr>
        <td></td>
        <td align="left" valign="top">Label:</td>
        <td align="left" valign="top" colspan="3">
        <telerik:RadDatePicker ID="RDP2" runat="server" Culture="Language" DbSelectedDate='<%# Eval("EVAL2") %>' Width="170px">
        <Calendar ID="Calendar5" runat="server" UseColumnHeadersAsSelectors="False" UseRowHeadersAsSelectors="False" ViewSelectorText="x">
        </Calendar>
        <DateInput ID="DateInput5" runat="server" DateFormat="dd-MM-yyyy" DisplayDateFormat="dd-MM-yyyy">
        </DateInput>
        </telerik:RadDatePicker>
        <asp:ImageButton ID="btnDelete" runat="server" ImageUrl="url" OnClick="btnFunction_Click" ToolTip="Text" Style="vertical-align:middle;" />
        </td>
    </tr>
</div>
</tr>

对于那些希望看到 CSS 的人，有 none，至少 none 会对我的问题产生影响，因为他们更多地指向实际网页，而不是弹出窗口 window。

提前我想说谢谢你的帮助和你的时间。

Answer 1

出现此问题是因为您的行 <td> 或列

的数量不相等

第一行 - 1 td colspan 4 > 总计 4

第二行 - 1 td + 1 td + 1 td 和 colspan 3 > 总计 5

第三行 - 1 td + 1 td 和 colspan 3 > 总计 4

第四行 - 1 td + 1 td + 1 td with colspan 3 > total 5

Answer 2

您的 table 结构不正确（您在 td 中有一个 tr）

确保您的 table 采用以下结构：

<table>
  <tr>
   <td>

还要检查您的列是否都相等，如果需要，请使用 colspan="" 合并单元格。

<table>
 <tr>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
 </tr>
 <tr>
  <td colspan="4"></td>
 </tr>
<table>

为什么我的列中的行突然跳到右边？我该如何解决？

Why do my rows in a colums suddenly jump to the right? And how do I fix that?

c#

asp.net

webpage

popupwindow

visual-studio