html导出word时表格之间有空隙

html导出word时表格之间有空隙

   <table  cellpadding="0" cellspacing="0" style="width: 600px;border:1px solid #92CDDC;background-color: #fff;">
        <tr style="background-color: #365F91;color: #fff;font-size: 18px;font-weight: bold;height:40px;width: 600px;border:none;">
            <td colspan="4" style="padding-left:10px;border-bottom: 1px solid #92CDDC;">XXX</td>
        </tr>
        <tr style="height:45px;width: 600px;">
            <td style="width:150px;font-weight:bold;padding-left:10px;background-color:#F2F2F2;border-bottom:1px solid #92CDDC;">@01：</td>
            <td style="width:200px;text-align:center; padding-left:10px; background-color:#F2F2F2;border-bottom:1px solid #92CDDC;border-left:1px solid #92CDDC;"></td>
            <td style="font-weight:bold;text-align:right; background-color:#F2F2F2;border-bottom:1px solid #92CDDC;border-left:1px solid #92CDDC;">@02：</td>
        </tr>
        <tr style="height:45px;width: 600px;">
            <td style="width:150px;font-weight:bold;padding-left:10px;background-color:#F2F2F2;border-bottom:1px solid #92CDDC;">@03：</td>
            <td style="width:200px;text-align:center; padding-left:10px; background-color:#F2F2F2;border-bottom:1px solid #92CDDC;border-left:1px solid #92CDDC;"></td>
            <td style="font-weight:bold;text-align:right; background-color:#F2F2F2;border-bottom:1px solid #92CDDC;border-left: 1px solid #92CDDC;"></td>
        </tr>
        <tr style="height:45px;width: 600px;">
            <td style="width:150px;font-weight:bold;padding-left:10px; background-color:#fff;">@04：</td>
            <td colspan="2" style="width:450px;padding-left:10px; background-color:#fff;border-left: 1px solid #92CDDC;"></td>
        </tr>
    </table>

效果图如下所示：

图片.png

解决方案：table中加样式border-collapse:collapse;结果如下图所示：

图片.png