使用colspan将单元格设置为跨越多列

Question

我有一个包含显示数据的各行的表， 在每一行中，我有一个列，其中有一个用于标签的单元格，一列用于数据的单元格。 有时在同一行上可能有多个列，但是当我尝试在一行中有3行或更多列只有2列而第二（数据）列跨越剩余列时，colspan不会似乎工作。

它适用于行的第一列，但不适用于后续列。

我试图在第一列内部创建一个表，但是我的标签列全部不对齐，我不希望手动调整单元格的大小以尝试使其对齐，因为这看起来很混乱如果上面或下面的行中的标签单元格改变宽度，则需要经常注意......如果你理解我的意思。

我不确定这是否可能，或者你是否需要做某种神奇的技巧才能让它发挥作用。

感谢任何帮助，下面是我想要做的一个示例。

       <table cellpadding="0px" cellspacing="0px">
           <tr>
               <td>
                   My first label column
               </td>
               <td>
                   My first column data
               </td>
               <td>
                   My second label column
               </td>
               <td>
                   My second column data
               </td>
           </tr>
           <tr>
               <td>
                   My second row first column label
               </td>
               <td colspan="3">
                   My second row second column long data................................
               </td>
           </tr>
       </table>

Answer 1

不需要魔法。示例中的代码按预期工作。您需要发布您认为该想法不起作用的情况示例（并描述它似乎失败的情况）。他们可能有一些标记错误或其他问题。特别地，当具有colspan =“n”的单元被计为n个单元时，每个表行应具有相同数量的单元。

另外，从技术上讲，“0px”不允许作为cellspacing或cellpadding值;使用普通的“0”代替。但浏览器实际上将“0px”解释为“0”，因此这不会在实践中引起问题。