css - 应用于 tr 的背景颜色不覆盖 td 不足的整行

Question

当行中少一个 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; 
    }​

http://jsfiddle.net/V3xm8/5/

Answer 1

您可以添加colspan一个<td>

<td colspan="2">

演示

或添加空白<td>

<td>3</td><td></td>

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

Answer 2

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