Css 应用于tr和x27的背景色;t用不足的td覆盖整行

Css 应用于tr和x27的背景色;t用不足的td覆盖整行,css,Css,当行中的td少一个时,应用于tr的背景色不会扩展表格的全宽。我把这个搞糟了,我认为边界崩溃了:崩溃;应该解决这个问题,但它对我不起作用。谢谢 <table> <tr class="tr1"> <td>1</td> <td>2</td> </tr> <tr class="tr2"> <td>3</td>

当行中的td少一个时,应用于tr的背景色不会扩展表格的全宽。我把这个搞糟了,我认为边界崩溃了:崩溃;应该解决这个问题,但它对我不起作用。谢谢

    <table>
    <tr class="tr1">
      <td>1</td>
      <td>2</td>
    </tr>
    <tr class="tr2">
      <td>3</td>
    </tr>    
    </table>​

    .tr1 {
        background-color: gold;
    }
    .tr2 {
        background-color: blue;
    }
    td {
        border: none;
        width: 50px;
    }
    table { 
        border-collapse: collapse; 
    }​

1.
2.
3.
​
.tr1{
背景颜色:金色;
}
.tr2{
背景颜色:蓝色;
}
运输署{
边界:无;
宽度:50px;
}
表{
边界塌陷:塌陷;
}​

您可以将
列span
添加到


或者添加一个空白的

3

我更喜欢使用第一种方法,但有些“表生成器”使用后者。

您可以将colspan=2添加到td中,将该td扩展到2列


为什么您希望无效代码具有有效行为?您必须添加第二个
或使用
colspan
,一切都会很好地工作
<td colspan="2">
<td>3</td><td></td>