Question

大家好日子。因此，在尝试将一些日期字段添加到我正在制作的网站上的弹出窗口时，我经历了一些奇怪的事情。将这3行添加到弹出窗口会导致他们所在的列跳转到右侧，现在我无法将它们排成一行。

我不知道注意到它有多重要，但是列左边有一个文本框，但我添加的框/行将低于文本框的高度。

下面我尝试以一段代码为例，如果足够，我会尝试添加更多：

<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的人来说，没有，至少没有一个会对我的问题产生影响，因为他们更多地指向实际的网页，而不是弹出窗口。

事先我想说谢谢你的帮助和时间。

Answer 1

出现问题是因为您的行不具有相同数量的<td>或列

第一行 - td colspan 4＆gt;总计4

第二行 - td + 1 td + 1 td colspan 3＆gt;总共5

第三行 - td + 1 td colspan 3＆gt;总计4

第四行 - 1 td + 1 td + 1 td colspan 3＆gt;总共5

Answer 2

您的表格结构不正确（您在td中有tr）

确保您的表格符合以下结构：

<table>
  <tr>
   <td>

同时检查你的列是否相等，使用colspan =＆＃34;＆＃34;如果需要合并单元格。

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

为什么我在colums中的行突然跳到右边？我该如何解决这个问题？

2 个答案: