当前位置: 钱柜娱乐 > 科教园地 > 技术资料
TRS表格排版方法
时间:2016-06-06

如果文档的排版比较复杂,且文档包含表格。这种格式的文档内容直接从word复制到TRS,生成的页面与word中的效果相去甚远。以下面这个文档为例,直接复制后发布的效果如下图所示:

表格变形,文字不对齐,存在诸多问题。既然TRS不能解决这个问题。我们换个思路解决这个问题,如果通过word转换html的方式录入网页内容不能得到 满意的结果,那么以直接以html代码的形式录入是否能够得到比较好的结果呢?答案是肯定的。但是学习并掌握html语法不是一蹴而就的事情,为了能够又 快又好的完成这个任务,我们需要借助排版工具。如

“一键排版”,"排版助手”。

还有一些在线网页排版工具,大家可以通过搜索引擎找到。

我采用的是在线网页编辑器和代码相结合的方法。在线工具网址为:http://zaixianwangyebianji.51240.com/

上述表格直接从word复制到排版工具,有许多附加的代码影响排版,可以利用工具的“清除html格式“功能,获得不含附加格式的表格代码:

<table border="1">
    <tbody>
        <tr>
            <td>
                <p>
                    负责区域
                </p>
            </td>
            <td>
                <p>
                    姓名
                </p>
            </td>
            <td>
                <p>
                    电话号码
                </p>
            </td>
        </tr>
        <tr>
            <td>
                <p>
                    1、5栋
                </p>
            </td>
            <td>
                <p>
                    陈锡泽
                </p>
            </td>
            <td>
                <p>
                    15243970328
                </p>
            </td>
        </tr>
        <tr>
            <td>
                <p>
                    2栋
                </p>
            </td>
            <td>
                <p>
                    夏睿丰
                </p>
            </td>
            <td>
                <p>
                    18573960071
                </p>
            </td>
        </tr>
        <tr>
            <td>
                <p>
                    3栋
                </p>
            </td>
            <td>
                <p>
                    邹斌华
                </p>
            </td>
            <td>
                <p>
                    15173984806
                </p>
            </td>
        </tr>
        <tr>
            <td>
                <p>
                    4栋
                </p>
            </td>
            <td>
                <p>
                    方乐
                </p>
            </td>
            <td>
                <p>
                    18873951342
                </p>
            </td>
        </tr>
        <tr>
            <td>
                <p>
                    6、7栋
                </p>
            </td>
            <td>
                <p>
                    林杰
                </p>
            </td>
            <td>
                <p>
                    15675920327
                </p>
            </td>
        </tr>
        <tr>
            <td>
                <p>
                    8、16栋
                </p>
            </td>
            <td>
                <p>
                    翟于千臣
                </p>
            </td>
            <td>
                <p>
                    15774032039
                </p>
            </td>
        </tr>
        <tr>
            <td>
                <p>
                    9、11栋
                </p>
            </td>
            <td>
                <p>
                    李海斌
                </p>
            </td>
            <td>
                <p>
                    15773940986
                </p>
            </td>
        </tr>
        <tr>
            <td>
                <p>
                    10、12栋
                </p>
            </td>
            <td>
                <p>
                    黄武成
                </p>
            </td>
            <td>
                <p>
                    18397648730
                </p>
            </td>
        </tr>
        <tr>
            <td>
                <p>
                    13、14栋
                </p>
            </td>
            <td>
                <p>
                    陈浩
                </p>
            </td>
            <td>
                <p>
                    18407393029
                </p>
            </td>
        </tr>
        <tr>
            <td>
                <p>
                    17、19栋
                </p>
            </td>
            <td>
                <p>
                    于庆丰
                </p>
            </td>
            <td>
                <p>
                    15673992212
                </p>
            </td>
        </tr>
        <tr>
            <td>
                <p>
                    18、20栋
                </p>
            </td>
            <td>
                <p>
                    谭咏
                </p>
            </td>
            <td>
                <p>
                    15573984310
                </p>
            </td>
        </tr>
        <tr>
            <td>
                <p>
                    15、21栋
                </p>
            </td>
            <td>
                <p>
                    李川
                </p>
            </td>
            <td>
                <p>
                    17769399523
                </p>
            </td>
        </tr>
        <tr>
            <td>
                <p>
                    22、23栋
                </p>
            </td>
            <td>
                <p>
                    丁时润
                </p>
            </td>
            <td>
                <p>
                    18397641359
                </p>
            </td>
        </tr>
        <tr>
            <td>
                <p>
                    24、25栋
                </p>
            </td>
            <td>
                <p>
                    李铮
                </p>
            </td>
            <td>
                <p>
                    15773940980
                </p>
            </td>
        </tr>
        <tr>
            <td>
                <p>
                    26、27栋
                </p>
            </td>
            <td>
                <p>
                    陈思坤
                </p>
            </td>
            <td>
                <p>
                    15773934012
                </p>
            </td>
        </tr>
        <tr>
            <td>
                <p>
                    办公楼、家属区
                </p>
            </td>
            <td>
                <p>
                    覃厚胜
                </p>
            </td>
            <td>
                <p>
                    18397641380
                </p>
            </td>
        </tr>
        <tr>
            <td>
                <p>
                    办公楼、家属区
                </p>
            </td>
            <td>
                <p>
                    石铜&nbsp;
                </p>
            </td>
            <td>
                <p>
                    15727423792
                </p>
            </td>
        </tr>
        <tr>
            <td>
                <p>
                    办公楼、家属区
                </p>
            </td>
            <td>
                <p>
                    熊少彬
                </p>
            </td>
            <td>
                <p>
                    15575585414
                </p>
            </td>
        </tr>
        <tr>
            <td>
                <p>
                    办公楼、家属区
                </p>
            </td>
            <td>
                <p>
                    彭浩
                </p>
            </td>
            <td>
                <p>
                    15367392850
                </p>
            </td>
        </tr>
        <tr>
            <td>
                <p>
                    办公楼、家属区
                </p>
            </td>
            <td>
                <p>
                    鲁周满
                </p>
            </td>
            <td>
                <p>
                    15115923441
                </p>
            </td>
        </tr>
    </tbody>
</table>

通过添加CSS样式,获得想要的排版效果,样式代码为:

<style type="text/css">
.table {width:95%;text-align:center; border-collapse:collapse; border:1px solid #ccc;}
.table td {height:28px;border:1px solid #ccc;}
.table tr:nth-child(1) {background-color:#C0D9D9;}
</style>

排版的效果如下图:

具体代码可以参考网页http://www2.seekpai.com/syxywlzx/fwzn/201604/t20160413_57837.html

PS:网页点击查看源代码。

引用自:表格排版