表格向右浮动答案

【问题标题】：Tables floating right表格向右浮动
【发布时间】：2014-04-17 00:02:37
【问题描述】：

我正在尝试在 Outlook 上制作自己的签名，但似乎表格毫无理由地向右浮动。

问题是我只能在outlook上看到错误，因为在我的浏览器上，签名显示得很好。

实际的样子：

使用的代码：您可以忽略 p 标签，因为它不会导致错误。

<p class=MsoNormal><b style='mso-bidi-font-weight:normal'><span style='font-size:10pt;font-family:"Arial","sans-serif"; color: #4e4e4e; line-height: 20px;'>Name<o:p></o:p></span></b></p>

<p class=MsoNormal><span style='font-size:10pt;font-family:"Arial","sans-serif"'>Business<o:p></o:p></span></p>

<p class=MsoNormal><span style='font-size:9.0pt;font-family:"Arial","sans-serif" ;padding-bottom: 20px;'><a style="color: red; text-decoration: none;" href="mailto:mail@mail.com">Mail</a><o:p></o:p></span></p>
<br>

<table width="498">
<tr>
<td><a href=""><img src="" width="498" height="104" border="0"></a></td>
</tr>
<table>
 <tr>
  <td><a href=#><img src="" width="40" height="58" border="0"></a></td>
  <td><a href="#"><img src=""width="30" height="58" border="0"></a></td>
  <td><a href="#"><img src="" width="29" height="58" border="0"></td>
  <td><a href="#"><img src="" width="30" height="58" border="0"></a></td>
  <td><a href=""><img src="" width="28" height="58" border="0"></a></td>
  <td><img src="" width="318" height="58" border="0"></td>
 </tr>
</table>
</table>
<tr>
<td><img src="" width="498" height="113" border="0"></td>
</tr>

DEMO

【问题讨论】：

标签： outlook html-table html-email

【解决方案1】：

您的 html 代码中存在语法错误 - 您缺少关闭 </a> 标记、打开 <table> 标记并且在错误位置有关闭 </table> 标记。这会导致渲染问题。

使用正确格式更新小提琴：http://jsfiddle.net/RZ6LR/2/

始终通过w3c validator 运行您的代码以发现这些布局问题:)

【讨论】：