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
