表在与rowspan和colspan的一张桌里

Question

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

现在PARTICULARS FURNISHED BY SHIPPER设计不起作用后，我只需使用table而不是div。我怎么能这样做？

查看设计jsfiddle

MARKS AND NUMBERS，#OF UNIT，DESCRIPTION OF PACKAGES AND GOODS，GROSS WEIGHT和MEASUREMENT我认为这些是rows表或td ，我无法弄清楚。

Answer 1

请参阅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>$2799
        <br/>$1114
        <br/>$1114
        <br/>$1114</td>
</tr>

Answer 2

表格中没有必要打破你的td并输入更小的块。

不是非常语义，而是简单的傻瓜证明

Answer 3

只需将colspan="5"添加到td，其中包含＆＃34; 由送货人提供的详细信息 ＆＃34;文本

这样它将占用与其下方5列相同的空间（，因为它们是相同的table ）

http://jsfiddle.net/gaby/su4w3ymx/2/

演示