colspan不扩展列长度

Question

我正在使用使用html表的C＃ASP.NET。问题出现在我正在使用的特定面板中，即使我的其他面板中的colspan属性正常工作，除了这个面板之外，我的表中的列没有扩展。

以下是一些解释正在发生的事情的截图。

即使我将colspan设置为列不会扩展的值。另外我知道这个面板中有两个表，我有两个原因，所以这不是一个错误。基本上我希望左侧按钮保持在面板的左侧，其次我希望右侧按钮（“下一步”）尽可能位于页面右侧。

为什么会发生这种情况或是否有更好的解决方案来解决这个问题？

顺便说一下，我使用谷歌浏览器来测试这是否会为问题增加任何价值。

Answer 1

当第二个表中只有一行时，不确定为什么使用ColSpan。要实现您的期望，请执行以下操作：

在第二个表格中设置Width =“100％”

在第一个“td”中为后退按钮，包括“align = left”

在下一个按钮的第二个“td”中，包括“align =”right“

Answer 2

colspan适用于多行;你怀疑它是错误的

<table id="tblButtons" runat="server">
  <tr>
    <td colspan="3">
      column that covers three columns
    </td>
    <td align="right">
      right button
    </td>
  </tr>
  <tr>
    <td>
      column 1
    </td>
    <td>
      column 2
    </td>
    <td>
      column 3
    </td>
    <td>
      column 4
    </td>
  </tr>
</table>

第1,2,3列将由具有colspan="3"

的td涵盖

Answer 3

您的网页中没有100列，因此该值相对毫无价值。您可以（并且应该）使用CSS来实现所需的宽度。要让表格本身填满页面，您需要为其添加style="width:100%;"，然后您的单元格将展开以分割差异。

Answer 4

colspan仅更改单元格占用的表中的列数，而不是实际的宽度。使用style="width:..."（或在CSS中设置）来设置宽度。现在发生的事情是你的桌子被分成一百零一个虚部（左边有一百个部分，右边有一个）。

正确使用colspan的示例：

<table>
    <tr>
        <td colspan="2">
            Hello world
        </td>
    </tr>
    <tr>
        <td>
            Left
        </td>
        <td>
            Top
        </td>
    </tr>
</table>