table tr td

最新推荐文章于 2023-12-11 15:24:24 发布
最新推荐文章于 2023-12-11 15:24:24 发布
阅读量183 收藏
点赞数
分类专栏： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qb170217/article/details/118862379
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>签收单</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        body {
            font-family: SimHei;
            width: 100%;
            height: 100%;
            font-size: 10pt; /* 字体大小单位用 pt */
        }
        @media print {
            table {page-break-inside:avoid;}/*避免分页时内容被截断*/
        }
        @page {
            size: 210mm 297mm; /*A4大小*/
            margin: 20px 40px 20px 20px; /* 这里的margin太小了，底部的page看不到， margin border width单位用 px */

            @top-right {
                content: element(header-right)
            };
            @bottom-center {
                content: element(footer)
            }
        }
        #footer {
            position: running(footer);
        }
        #pages:before {
            content: counter(page);
        }
        #pages:after {
            content: counter(pages);
        }
        table, table td {
            border-spacing: 0; /*去掉单元格间隙*/
            border-collapse: collapse;  /*边框会合并为一个单一的边框*/
        }

        tr td {
            text-align:center;
            white-space:pre-line;
            word-wrap:break-word; /*内容居中自动换行*/
            word-break:break-all;
        }
        .tdBorder {
            border: 1px solid;
        }
    </style>
</head>
<body>
<table border="0" width="100%" style="table-layout:fixed;">
    <thead style="display:table-header-group;font-weight:bold">
        <tr>
            <td colspan="10" align="center" style="font-size:14pt;width: 100%">签收单！！！每页都有的表头</td>
        </tr>
        <tr>
            <td class="tdBorder" align="center" style="font-size:12pt; padding-top: 5px;width:20px">
                ${order}
                <br/>
                ${orderId}
            </td>
            <td text-align="left" style="font-size:12pt;width:100px;">
                <span>尊敬的用户：您好！</span>
                <br/>
                <span>
                    &nbsp;&nbsp;&nbsp;发给发给发给发给发给发给发给发给发给发给发给发给发给发给发给发给发给发给发给发给,
                    ffa阿道夫 ffa阿道夫 ffa阿道夫 ffa阿道夫 ffa阿道夫 ffa阿道夫 ffa阿道夫 ffa阿道夫 ffa阿道夫 ffa阿道夫！
                </span>
                <br/>
                <p>&nbsp;&nbsp;&nbsp;谢谢！</p>
            </td>
            <td align="right" style="font-size:12pt;">
                <span>
                    ${pod}
                </span>
                <br/>
                <p>${podCode}</p>
            </td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th class="tdBorder" width="10px">序号</th>
            <th class="tdBorder">订单号</th>
            <th class="tdBorder">发货号</th>

            <th class="tdBorder">箱单号</th>
            <th class="tdBorder">产品编码</th>
            <th class="tdBorder">电池型号</th>

            <th class="tdBorder">发货数量</th>
            <th class="tdBorder">Po Number &#10;/Line Number</th>
            <th class="tdBorder">备注</th>
            <th class="tdBorder">未签收数量</th>
        </tr>
        <tr>
            <td class="tdBorder" width="10px">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>

            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>

            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
        </tr>
        <tr>
            <td class="tdBorder" width="10px">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>

            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>

            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
        </tr>
        <tr>
            <td class="tdBorder" width="10px">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>

            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>

            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
        </tr>
        <tr>
            <td class="tdBorder" width="10px">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>

            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>

            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
        </tr>
        <tr>
            <td class="tdBorder" width="10px">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>

            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>

            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
        </tr>
        <tr>
            <td class="tdBorder" width="10px">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>

            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>

            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
        </tr>
        <tr>
            <td class="tdBorder" width="10px">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>

            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>

            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
        </tr>
        <tr>
            <td class="tdBorder" width="10px">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>

            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>

            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
        </tr>
        <tr>
            <td class="tdBorder" width="10px">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>

            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>

            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
        </tr>
        <tr>
            <td class="tdBorder" width="10px">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>

            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>

            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
        </tr>
        <tr>
            <td class="tdBorder" width="10px">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>

            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>

            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
        </tr>
        <tr>
            <td class="tdBorder" width="10px">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>

            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>

            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
        </tr>
        <tr>
            <td class="tdBorder" width="10px">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>

            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>

            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
        </tr>
        <tr>
            <td class="tdBorder" width="10px">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>

            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>

            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
        </tr>
        <tr>
            <td class="tdBorder" width="10px">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>

            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>

            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
        </tr>
        <tr>
            <td class="tdBorder" width="10px">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>

            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>

            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
        </tr>
        <tr>
            <td class="tdBorder" width="10px">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>

            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>

            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
        </tr>
        <tr>
            <td class="tdBorder" width="10px">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>

            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>

            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
        </tr>
        <tr>
            <td class="tdBorder" width="10px">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>

            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>

            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
        </tr>
        <tr>
            <td class="tdBorder" width="10px">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>

            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>

            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
        </tr>
        <tr>
            <td class="tdBorder" width="10px">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>

            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>

            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
        </tr>
        <tr>
            <td class="tdBorder" width="10px">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>

            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>

            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
        </tr>
        <tr>
            <td class="tdBorder" width="10px">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>

            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>

            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
        </tr>
        <tr>
            <td class="tdBorder" width="10px">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>

            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>

            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
        </tr>
        <tr>
            <td class="tdBorder" width="10px">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>

            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>

            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
        </tr>
        <tr>
            <td class="tdBorder" width="10px">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>

            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>

            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
            <td class="tdBorder">表格内容</td>
            <td class="tdBorder">表格1234567890asdfghjklzxcvbnm1234567890asdfghjklzxcvbnm 内容</td>
        </tr>


    </tbody>

</table>
<div id="footer">
    <div style="text-align: center; width: 100%;height: 20px">Page
        <span id="pages"> of </span></div>
</div>
<footer>
    <table width="100%">
        <tr>
            <td class="tdBorder" width="10px">我是尾巴。。。</td>
            <td class="tdBorder">我是尾巴。。。</td>
            <td class="tdBorder">我是尾巴。。。</td>

            <td class="tdBorder">我是尾巴。。。</td>
            <td class="tdBorder">我是尾巴。。。</td>
            <td class="tdBorder">我是尾巴。。。</td>

            <td class="tdBorder">我是尾巴。。。</td>
            <td class="tdBorder">我是尾巴。。。</td>
            <td class="tdBorder">我是尾巴。。。</td>
            <td class="tdBorder">我是尾巴。。。</td>
        </tr>
    </table>
</footer>


</body>
</html>

【无标题】表格标签table,tr,td
xuekatie的博客
12-16 1481
表格标签table, tr, td <body> <!-- table是表格的意思 border是为了让它的边界能被看到1就是1像素 --> <table border="1" width="500"> <caption>我是表格的标题，通常写在tr上面</caption> <!-- table row表格行 --> <tr> &lt.
html5 表格标签 table tr td
weixin_30699741的博客
06-15 3037
最重要的三个 <table> 表格声明标签 属性: boarder边框粗细 style可配合css 使用 <tr>行标签 table row 有表就可以建行 <td>单元格标签 table data 有行就可以建数据 属性: colspandata占用格子, 或者可以理解为这个单...
【HTML】表格标签（table，tr，td）
你今天真好看呀
08-22 2210
* 表格的主要作用是什么？ 表格主要作用是布局 可以先将表格画出来,然后往表格中放入数据 现代的网页布局采用table比较少，采用div布局比较多 * 表格相关语法： 1. 表格是table标签 2. border是table标签的一个属性，border是属性名,1px是属性值 border="1px",表示表格边框的宽度是1像素 px可以省略,默认就是像素 border='1px...
table、tr、td表格的行、单元格等属性说明
热门推荐
sning999
02-28 6万+
&lt;table&gt;标签定义HTML表格。简单的HTML表格由table元素以及一个或多个tr、th或td元素组成。tr元素定义表格行，th元素定义表头，td元素定义表格单元格。&lt;table&gt;标签常见的可选属性有：1. align：规定表格相对周围元素的对齐方式，取值有left、center、right；2. border：规定表格边框的宽度，取值为像素；3. width：规定表...
html中table,tr,td
weixin_30367873的博客
08-10 141
table表格，tr表格中的行，tr表格中的列，等级关系是table>tr>td, 当然表格中还包括thead,tbody,tfoot,th,但由于浏览器支持缘故很少使用。另外table在现在的网页制作中也很少使用了，因为table不太灵活，现在多用ul>li。 table中常用的一些属性包括width、border、align、valign、colspan、rowspan（用...
JS动态创建Table,Tr,Td并赋值的具体实现
10-27
文档展示了通过JavaScript函数getzts()和callback5()来动态生成表格（Table），以及表格的行（Tr）和单元格（Td）。利用DOM操作方法如insertRow()和insertCell()，可以根据条件创建新的行和列，为表格添加新的数据项...
JS动态添加Table的TR，TD实现方法
10-24
除了上述内容，标签中还提到“JS 动态 添加 Table TR TD 方法”，这表明文章着重讨论了使用原生JavaScript（不依赖于任何框架或库）来实现这一功能。在现代Web开发中，虽然诸如jQuery这样的库提供了更简便的方法来...
jsj table tr td 增删改
03-16
下面将详细介绍如何使用JavaScript操作`table`、`tr`和`td`元素。 首先，创建一个HTML表格非常简单，如下所示： ```html <table id="myTable"> <tr> <td>数据1</td> <td>数据2</td> </tr> <tr> <td>数据3</...
JavaScript获取tr td 的三种方式全面总结（推荐）
10-19
在JavaScript中，获取HTML表格（table）中的tr和td元素是常见的操作，特别是在处理动态数据或者交互式表格时。以下是对三种获取方法的详细讲解： 1. **原生JavaScript**： - 首先，通过`document.getElementById`...
遍历table中的tr td
hangyejiadao的专栏
05-05 4030
function bianli() { $("#tset").find("tr").each(function() { var tdArr = $(this).children(); var history_income_type = tdArr.eq(0).find("input").val(); //收入类
HTML 表格table tr td、表头标题、表结构、合并单元格
七七的博客
03-04 1万+
表格的主要作用 表格主要用于显示、展示数据，因为它可以让数据显示的非常的规整,可读性非常好。 特别是后台展示数据的时候,能够熟练运用表格就显得很重要。 一个清爽简约的表格能够把繁杂的数据表现得很有条理。 表格不是用来布局页面的，而是用来展示数据的。 <table> <tr> <td>单元格内的文字</td> </tr> </...
HTML中表格元素TABLE,TR,TD及属性的语法
weixin_33690367的博客
09-02 252
table:表格元素及属性 &lt;table width="80%" border="1" cellspacing="1" cellpadding="4" bgcolor="#CC99FF" bordercolor="#0000FF" align="center"&gt;&lt;tr&gt;&lt;td&gt;&amp
table tr td 布局九宫格
Vision_Pinna的博客
03-14 2387
table tr td 布局九宫格 1）实现效果 2）代码 &lt;!DOCTYPE html&gt; &lt;html lang="zh"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-s
TABLE中TR、TH和TD
前端小白成长记
03-16 1万+
1.tr标示这个表格中间的一个行 2.td标示行中的一个列,需要嵌套在&lt;tr&lt;/tr中间 3.th 定义表头单元格。表格中的文字将以粗体显示 下面的代码可以实现，table有内外边框，同时没有内间距 table{border: 1px solid #993300;border-width:1px 0px 0px 1px;border-collapse:collapse;} t...
table表格tr、td、合并、间距、边框合并、设置边距 代码
qq_51055690的博客
06-01 9382
table表格设置边距 , table设置边框合并 , table设置外边距内边距 table表格实用代码
table表格table/tr/td宽度和高度的设置
最新发布
我真的睡不够
12-11 6461
再看看td的height设置吧，各个td的height要看这个td所在的⾏的最⼤⾼度来确定这⼀⾏的每个td的height，然后各个⾏的⾼度情况和tr中。当⼏个tr都设置了height的具体数值时，各个tr的height按照设置的值的⽐例来分配总的height值，注意这⾥说的是总的height值。当有的tr设置了具体的数值，有的没有设置具体的数值为默认时，先保证各个tr的基本需要，剩下的再满⾜设置了具体值的tr，之后再全部给。置的值⼤就按照哪个，如果⼀个设置了值⼀个没有设置值，那么按照设置值的算。
table中td和tr分别代表的含义
csdn_6241的博客
08-13 6546
table               tr    table row  代表表格中的若干行               td    table data 代表数据单元的内容    例如：         row 1 ,cell 1          row 1 ,cell 2        row 2 ,cell 1        row 2 ,cell 2
table tr td 线颜色一样宽度不重叠
06-09
要让 table 中的 tr 和 td 线颜色一样且宽度不重叠，可以设置 table 的 border-collapse 属性为 collapse，然后设置 td 的 border 和 padding 属性，如下所示： ```html table { border-collapse: collapse; } ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值