-2

我正在尝试创建像这样的 html 表(这是 Excel 中的草图):

Excel中的草图

但只能创建这样的东西:

这是正在创建

我还尝试将条形码放在包含 1 的字段中,但它也不起作用。

这是我的表格代码:

<table width 384pt; display inline; align="left" border="1">
    <tr>
        <td colspan="4">
            <span style="font-size: 4pt;">
                Recipient of goods, short address
            </span><br><span style="font-size: 6pt;">Some adress</span>
        </td>
        <td colspan="4">
            <span style="font-size: 4pt;">
                Unloading point – Storage location – Usage code
            </span>
            <br>
            <span style="color:red; font-size: 8pt;">
                PPPPP / 21
            </span>
        </td>
        <td colspan="4">
            <span style="font-size: 4pt;">
                Delivery note no. (N)
            </span>
            <span style="font-size: 8pt; font-weight:bold;margin-left:10px;">
                1111
            </span>
        </td>
    </tr>
    <tr>
        <td colspan="12">
            <span style="font-size: 4pt;">
                Part No. Customer (P)
            </span>
            <span style="font-size: 8pt; font-weight:bold;margin-left:10px;">111.111.111.111</span>
        </td>
    </tr>
    <tr>
        <td colspan="6" rowspan="2">
            <span style="font-size: 4pt;">
                Capacity (Q)
            </span>
            <span style="font-size: 8pt; font-weight:bold;margin-left:10px;">
                111.111
            </span>
            <br>
        </td>
        <td colspan="6">
            <span style="font-size: 4pt;">
                Name of delivery, service
            </span>
        </td>
    </tr>
    <tr>
        <td colspan="6" rowspan="2">
            <span style="font-size: 4pt;">
                Packaging no. Customer(B)
            </span>
            <span style="font-size: 8pt; font-weight:bold; margin-left:10px;">
                111111111
            </span>
        </td>
    </tr>
    <tr>
        <td colspan="6" rowspan="2">
            <span style="font-size: 4pt;">
                Supplier No. (V)
            </span>
            <span style="font-size: 8pt;  font-weight:bold;margin-left:10px;">
                111111
            </span></td>
    </tr>
    <tr>
        <td colspan="2">
            <span style="font-size: 4pt;">
                Date
            </span>
            <br>
            <span style="font-size: 8pt; font-weight:bold;">
                2014-05-27
            </span>
        </td>
        <td colspan="4">
            <span style="font-size: 4pt;">
                Design change status
            </span>
            <br>
            <span style="font-size: 8pt; color:red; font-weight:bold;">
                2014-05-27  18:20
            </span>
        </td>
    </tr>
    <tr>
        <td colspan="6">
            <span style="font-size: 4pt;">
                Package No. (S)
            </span>
            <span style="font-size: 8pt; font-weight:bold;margin-left:10px;">
                1
            </span>
        </td>
        <td colspan="6">
            <span style="font-size: 4pt;">
                Batch nos. (H)
            </span>
        </td>
    </tr>
</table>

有可能让我的草图成为现实吗?我还阅读了与 IE 兼容的问题,这让我很担心,因为我打算将 html 制作成我阅读的 PDF,我通常使用 IE 显示,如 winnovative。

阅读整个想法和评论我认为也许我应该只在 div 上制作表格构建表格是否有可能收到一些提示如何创建这种表格?

4

1 回答 1

0

看看下面的代码是否有帮助,我刚刚为 2 个 td 元素添加了高度:

<table width 384pt; display inline; align="left" border="1">
    <tr>
        <td colspan="4">
            <span style="font-size: 4pt;">
                Recipient of goods, short address
            </span><br><span style="font-size: 6pt;">Some adress</span>
        </td>
        <td colspan="4">
            <span style="font-size: 4pt;">
                Unloading point – Storage location – Usage code
            </span>
            <br>
            <span style="color:red; font-size: 8pt;">
                PPPPP / 21
            </span>
        </td>
        <td colspan="4">
            <span style="font-size: 4pt;">
                Delivery note no. (N)
            </span>
            <span style="font-size: 8pt; font-weight:bold;margin-left:10px;">
                1111
            </span>
        </td>
    </tr>
    <tr>
        <td colspan="12">
            <span style="font-size: 4pt;">
                Part No. Customer (P)
            </span>
            <span style="font-size: 8pt; font-weight:bold;margin-left:10px;">111.111.111.111</span>
        </td>
    </tr>
    <tr>
        <td colspan="6" rowspan="2">
            <span style="font-size: 4pt;">
                Capacity (Q)
            </span>
            <span style="font-size: 8pt; font-weight:bold;margin-left:10px;">
                111.111
            </span>
            <br>
        </td>
        <td colspan="6" style="height:15pt;">
            <span style="font-size: 4pt;">
                Name of delivery, service
            </span>
        </td>
    </tr>
    <tr>
        <td colspan="6" rowspan="2" style="height:28pt;">
            <span style="font-size: 4pt;">
                Packaging no. Customer(B)
            </span>
            <span style="font-size: 8pt; font-weight:bold; margin-left:10px;">
                111111111
            </span>
        </td>
    </tr>
    <tr>
        <td colspan="6" rowspan="2">
            <span style="font-size: 4pt;">
                Supplier No. (V)
            </span>
            <span style="font-size: 8pt;  font-weight:bold;margin-left:10px;">
                111111
            </span></td>
    </tr>
    <tr>
        <td colspan="2">
            <span style="font-size: 4pt;">
                Date
            </span>
            <br>
            <span style="font-size: 8pt; font-weight:bold;">
                2014-05-27
            </span>
        </td>
        <td colspan="4">
            <span style="font-size: 4pt;">
                Design change status
            </span>
            <br>
            <span style="font-size: 8pt; color:red; font-weight:bold;">
                2014-05-27  18:20
            </span>
        </td>
    </tr>
    <tr>
        <td colspan="6">
            <span style="font-size: 4pt;">
                Package No. (S)
            </span>
            <span style="font-size: 8pt; font-weight:bold;margin-left:10px;">
                1
            </span>
        </td>
        <td colspan="6">
            <span style="font-size: 4pt;">
                Batch nos. (H)
            </span>
        </td>
    </tr>
</table>
于 2014-05-27T17:49:20.637 回答