Table 列充当 table 行
Table column acting as table row
下面是 chrome 中的预览,正是我想要的样子。完美!
这是 Firefox 中的预览版,有 bug。
第 2 个 [td] 进入下一行。
这将用作电子邮件签名。
要查看代码,这里是直播 url : http://dgntesting.com/ryan/johnmarkham2/table.html
所有方法都试过了,还是无法在 Firefox 中解决问题。
这是代码:---------------------------------------- ----
<table width="540" cellpadding="0" cellspacing="0" style="border-collapse:collapse;border:0;border-spacing:0;">
<tr>
<td width="540" height="157" style="padding:0"><img width="540" src="http://dgntesting.com/ryan/johnmarkham2/img/logo-final.png" height="157" valign="top" style="margin:0;vertical-align:top;padding:0;"></td>
</tr>
<tr>
<td style="padding:0;margin:0;border:0;" width="540">
<table width="540" cellpadding="0" cellspacing="0" style="border-collapse: collapse;border:0;border-spacing:0;">
<tr>
<td height="67" style="padding:0;border-width:0;vertical-align:top;display:inline-block;"><a href="https://www.jimsbuildinginspections.com.au/" style="padding:0;text-decoration:none;"><img src="http://dgntesting.com/ryan/johnmarkham2/img/bottom-left.png" width="368" height="67" valign="top" style="margin:0;padding:0;vertical-align:top;"></a></td>
<td height="67" style="padding:0;border-width:0;vertical-align:top;display:inline-block;"><a href="tel:131546" style="padding:0;text-decoration:none;"><img src="http://dgntesting.com/ryan/johnmarkham2/img/bottom-right.png" width="172" height="67" valign="top" style="margin:0;padding:0;vertical-align:top;"></a></td>
</tr>
</table>
</td>
</tr>
</table>
非常感谢您的帮助。
谢谢!
您需要删除显示 inline-block
表单 td
。
<td style="padding:0;margin:0;border:0;" width="540">
<table width="540" cellpadding="0" cellspacing="0" style="border-collapse: collapse;border:0;border-spacing:0;">
<tbody><tr>
<td height="67" style="padding:0;border-width:0;vertical-align:top;"><a href="https://www.jimsbuildinginspections.com.au/" style="padding:0;text-decoration:none;"><img src="http://dgntesting.com/ryan/johnmarkham2/img/bottom-left.png" width="368" height="67" valign="top" style="margin:0;padding:0;vertical-align:top;"></a></td>
<td height="67" style="padding:0;border-width:0;vertical-align:top;"><a href="tel:131546" style="padding:0;text-decoration:none;"><img src="http://dgntesting.com/ryan/johnmarkham2/img/bottom-right.png" width="172" height="67" valign="top" style="margin:0;padding:0;vertical-align:top;"></a></td>
</tr>
</tbody></table>
</td>
下面是 chrome 中的预览,正是我想要的样子。完美!
这是 Firefox 中的预览版,有 bug。
第 2 个 [td] 进入下一行。
这将用作电子邮件签名。
要查看代码,这里是直播 url : http://dgntesting.com/ryan/johnmarkham2/table.html
所有方法都试过了,还是无法在 Firefox 中解决问题。
这是代码:---------------------------------------- ----
<table width="540" cellpadding="0" cellspacing="0" style="border-collapse:collapse;border:0;border-spacing:0;">
<tr>
<td width="540" height="157" style="padding:0"><img width="540" src="http://dgntesting.com/ryan/johnmarkham2/img/logo-final.png" height="157" valign="top" style="margin:0;vertical-align:top;padding:0;"></td>
</tr>
<tr>
<td style="padding:0;margin:0;border:0;" width="540">
<table width="540" cellpadding="0" cellspacing="0" style="border-collapse: collapse;border:0;border-spacing:0;">
<tr>
<td height="67" style="padding:0;border-width:0;vertical-align:top;display:inline-block;"><a href="https://www.jimsbuildinginspections.com.au/" style="padding:0;text-decoration:none;"><img src="http://dgntesting.com/ryan/johnmarkham2/img/bottom-left.png" width="368" height="67" valign="top" style="margin:0;padding:0;vertical-align:top;"></a></td>
<td height="67" style="padding:0;border-width:0;vertical-align:top;display:inline-block;"><a href="tel:131546" style="padding:0;text-decoration:none;"><img src="http://dgntesting.com/ryan/johnmarkham2/img/bottom-right.png" width="172" height="67" valign="top" style="margin:0;padding:0;vertical-align:top;"></a></td>
</tr>
</table>
</td>
</tr>
</table>
非常感谢您的帮助。 谢谢!
您需要删除显示 inline-block
表单 td
。
<td style="padding:0;margin:0;border:0;" width="540">
<table width="540" cellpadding="0" cellspacing="0" style="border-collapse: collapse;border:0;border-spacing:0;">
<tbody><tr>
<td height="67" style="padding:0;border-width:0;vertical-align:top;"><a href="https://www.jimsbuildinginspections.com.au/" style="padding:0;text-decoration:none;"><img src="http://dgntesting.com/ryan/johnmarkham2/img/bottom-left.png" width="368" height="67" valign="top" style="margin:0;padding:0;vertical-align:top;"></a></td>
<td height="67" style="padding:0;border-width:0;vertical-align:top;"><a href="tel:131546" style="padding:0;text-decoration:none;"><img src="http://dgntesting.com/ryan/johnmarkham2/img/bottom-right.png" width="172" height="67" valign="top" style="margin:0;padding:0;vertical-align:top;"></a></td>
</tr>
</tbody></table>
</td>