拉伸节点宽度但不拉伸父节点宽度

Question

有没有办法拉伸新行的宽度而不拉伸父节点(表)的宽度？

结构示例：

<table>
  <tr>
    <td>
      <div id="div_1"> Block 1 </div>
    </td>
    <td>
      <div id="div_2"> Block 2 </div>
    </td>
  </tr>
  <tr>
    <td>
      <div id="div_3"> Block 3 </div>
    </td>
    <td>
      <div id="div_4"> Block 4 </div>
    </td>
  </tr>
</table>

jQuery代码：

var newRow = "<tr><td colspan="2"><div>This is a great row, bla,bla,bla....</div></td></tr>";
$('#div_1').closest('tr').after(html);

我想把新行放在没有拉伸表宽度的地方。

Answer 1

给表格本身一个固定的宽度，然后它就不应该扩展以适应它的内容。