应用于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">

DEMO

或添加空白<td>

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

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

Answer 2

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