c# - colspan 不扩展列长度

Question

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

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

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

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

顺便说一句，我正在使用 Google Chrome 来测试这是否为问题增加了任何价值。

Answer 1

当第二个表中只有 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>

td 将涵盖第 1、2、3 列colspan="3"

Answer 3

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

正确使用示例colspan：

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

Answer 4

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