我有以下表格:
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2"
style="position: relative; font-size: 9px;">
some text<br>
some text<br>
some text<br>
some text<br>
</td>
<td colspan="2"
style="position: relative; padding-left:3%;font-size: 9px;">
another text <br>
another text<br>
another text<br>
another text<br>
</td>
<td colspan="4" style="padding-left:3%;">
<img src="logo.jpg">
</td>
</tr>
</table>
在Mozilla中,此表的宽度为600px,但在Google Chrome中,宽度为700px。我的代码是一样的。如果我在Mozilla中制作<table width=100%>
,它看起来不错,但在Chrome中,它应该是<table width=80%>
。
如何让我的表与不同的浏览器兼容?我也尝试过Bootstrap网格系统,但仍然是一样的。问题是div或table的宽度不同。
已编辑:当我通过Gmail将此表格作为html文件发送时,会发生这种情况。当我在不同的浏览器中看到它时,它很好。但是当我在Gmail中发送时,表格宽度会有所不同。