如果文档的排版比较复杂,且文档包含表格。这种格式的文档内容直接从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>
石铜
</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.hnsyu.net/syxywlzx/fwzn/201604/t20160413_57837.html
PS:网页点击查看源代码。
引用自:表格排版