Table 在具有 rowspan 和 colspan 的 table 中

Table in a table with rowspan and colspan

我正在为 PDF 生成创建 table,我的设计很简单,但是当我在 table 中创建 table 时,它并没有创建我想要的设计想。该设计是它唯一的裁剪图像而不是完整图像

现在在 PARTICULARS FURNISHED BY SHIPPER 之后设计对我不起作用我只需要使用 table 而不是 div。我该怎么做?

查看设计jsfiddle

MARKS AND NUMBERS#OF UNITDESCRIPTION OF PACKAGES AND GOODSGROSS WEIGHTMEASUREMENT 我认为这些是 rows 在 table或者td,我想不通。

table table 中没有必要打破你的 td 并排成更小的块。

不太语义化,但很可能是万无一失的

只需将 colspan="5" 添加到 td 中,其中包含“ PARTICULARS FURNISHED BY SHIPPER”文本

这样它将与它下面的 5 列采用相同的 space(因为它们是相同的 table

演示在 http://jsfiddle.net/gaby/su4w3ymx/2/

fiddle

这里我只用了HTML没有用CSS

HTML部分内容如下

<tr>
    <td>APHU7031756
        <br/>SEAL
        <br/>Container size
        <br/>
    </td>
    <td rowspan="4">4</td>
    <td>2012 NISSAN VERSA
        <br/>2012 TOYOTA CAMRY
        <br/>2014 TOYOTA CAMRY
        <br/>2014 KIA CAMRY</td>
    <td>1237 Kg
        <br/>1295 Kg
        <br/>1295 Kg
        <br/>1295 Kg</td>
    <td>99
        <br/>14
        <br/>14
        <br/>14</td>
</tr>