表colspan和rowspan不工作

时间:2015-03-13 17:14:17

标签: html html-table

我正在桌子上设计它简单的桌子,但它不适合我,这里是我想要的设计:

enter image description here

我的代码在此输出的每个分钟后都在变化,但没有成功。代码是

请参阅[小提琴] (http://jsfiddle.net/su4w3ymx/1/)

我现在更新了我的代码我正在创建它,但现在当我想在第三行添加通知方时,它会搞砸。

2 个答案:

答案 0 :(得分:1)



<table cellpadding="0" cellspacing="0" width="100%" border="1">
  <tr>
    <td rowspan="2">SHIPPER/EXPORTER
      <br />W8SHIPPING
      <br />8 AVIATION CT, Savannah U.S.A.
      <br />GA 31408
      <br />TEL: +1 912 966 6820</td>
    <td>BOOKING NUMBER</td>
  </tr>
  <tr>
    <td rowspan="2">
      EXPORTER REFERENCES
    </td>
  </tr>
</table>
&#13;
&#13;
&#13;

答案 1 :(得分:1)

请参阅fiddle

<强> HTML

<table cellpadding="0" cellspacing="0" width="100%" border="1">
    <tr>
        <td rowspan="3">SHIPPER/EXPORTER
            <br />W8SHIPPING
            <br />8 AVIATION CT, Savannah U.S.A.
            <br />GA 31408
            <br />TEL: +1 912 966 6820</td>
    </tr>
    <tr>
        <td colspan="2">BOOKING NUMBER</td>
    </tr>
    <tr>
        <td colspan="2">EXPORTER REFERENCES</td>
    </tr>
</table>

更新1

检查fiddle

更新2

检查fiddle

更新3

如果要查看创建的完整结构,请检查fiddle