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

Question

当行中少了一个 td 时，我应用于 tr 的背景颜色不会扩展表格的整个宽度。我用谷歌搜索了这个，我认为 border-collapse: collapse;应该解决这个问题，但它对我不起作用。谢谢

    <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">

DEMO

或者加个空格<td>

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

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