对齐表

Question

我希望前四个元素能够在顶部伸展，而底部两个也看起来像是属于同一张桌子，拉伸并且不会被挤压。我可以在不添加空<td>的情况下完成此操作吗？

这就是现在的样子： http://www.w3schools.com/code/tryit.asp?filename=F0OOEL3HH55Y

我的代码：

<table cellspacing="2" cellpadding="2" width="650" border="0">
    <tr>
        <td height="8" class="header" width="300">Weight Per Book (lb.)</td>
        <td height="8" class="header" width="300">Cost per Book</td>
        <td height="8" class="header" width="200">Quantity for whole order</td>
        <td height="8" class="header" width="400">Capability Complexity Level For TO</td>
    </tr>
    <tr>
        <td height="16">2.0</td>
        <td height="16">0.00</td>
        <td height="16">0</td>
        <td height="16">4</td>
    </tr>
    <tr valign="bottom">
        <td class="header">Distribute ID Order to Home Plant</td>
        <td class="header">Distribute All OTR's to Home Plant</td>
    </tr>
    <tr>
        <td>No</td>
        <td>No</td>
    </tr>
</table>

Answer 1

您可以使用colspan属性来执行此操作。此属性定义特定单元格应跨越的列数。

这是一个例子：

＆＃13;

＆＃13;

<table cellspacing="2" cellpadding="2" width="650" border="0">
  <tr>
    <th colspan="4">Production</th>
  </tr>
  <tr>
    <td height="8" class="header" width="300">Weight Per Book (lb.)</td>
    <td height="8" class="header" width="300">Cost per Book</td>
    <td height="8" class="header" width="200">Quantity for whole order</td>
    <td height="8" class="header" width="400">Capability Complexity Level For TO</td>
  </tr>
  <tr>
    <td height="16">2.0</td>
    <td height="16">0.00</td>
    <td height="16">0</td>
    <td height="16">4</td>
  </tr>
  <tr valign="bottom">
    <td colspan="2" class="header">Distribute ID Order to Home Plant</td>
    <td colspan="2" class="header">Distribute All OTR's to Home Plant</td>
  </tr>
  <tr>
    <td colspan="2">No</td>
    <td colspan="2">No</td>
  </tr>
</table>

＆＃13;

＆＃13;

＆＃13;

希望这有帮助！