格式化为在Outlook中显示的HTML电子邮件-字距问题

我一直在尝试格式化电子邮件模板，以便跨客户端工作。我尝试过不同的框架，也读过关于兼容性问题的书，尤其是Outlook。虽然我已经能够格式化模板，以便在Outlook中很好地显示，但我仍然存在一个问题，即单词之间有很大的空格。并不是每个段落都会出现这种情况，而且似乎每次只出现一两个单词。我把这个作为参考注意“巧克力世界”部分下的免责声明文本。

这是该部分的代码，所有样式都是内联的。是否存在可能导致此问题的任何内联样式的兼容性问题

<table align="left" cellpadding="0" cellspacing="0" class="deviceWidth" style="width: 33%;">
<tbody>
<tr>
<td style="padding: 0 10px 20px 10px;" align="center" valign="top">
<p style="mso-table-lspace: 0; mso-table-rspace: 0; margin: 0;"><a href="#"><img align="left" alt="" border="0" class="deviceWidth" src="http://www.ctsciencecenter.org/cm_mailer/impact/chocolate-world-expo_impaCT.jpg" style=" width: 128px;padding:0px 0px 0px 10px;" width="128" /></a></p>
</td>
</tr>
<tr>
<td style="padding: 0 10px 20px 10px;"><a style="text-decoration: none; font-size: 16px; color: #333; font-weight: bold; font-family: Arial, sans-serif;" href="#">Chocolate World Expo</a>
<p style="color: #333; text-align: left; font-size: 12px; line-height: 24px;"><strong>April 27, 10AM&ndash;7PM<br />
 Special Member Pricing:<br />
$15 Adults, $10 Youth<br />
Coupon Code: Bonbon</strong></p>
<p style="color: #333; text-align: left; font-size: 12px; line-height: 24px;">Sample chocolate offerings, baked goods, cheeses and gelato that will perk up your taste buds. Enjoy a different treat with every step. All of these delicious items will be available for purchase! Visit <a href="http://thechocolateexpo.com/">Chocolate World Expo on the web</a> to find what you fancy.<br /><br /><strong style="font-size:11px;">Please note that we will be CLOSED to the public on April 27. Purchasing tickets in advance is highly recommended.</strong></p>
<table align="left" style="width: 90px;">
<tbody>
<tr>
<td style="padding: 10px 16px; background-color: #666; border-top: 1px solid #eee; background-repeat: repeat-x;" align="center" bgcolor="#666"><a style="color: #FFF; font-size: 12px; font-weight: bold; text-align: center; text-decoration: none; font-family: Arial, sans-serif; -webkit-text-size-adjust: none;">Tickets &raquo; </a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>

4月27日上午10点&ndash；晚上7点

特殊会员定价：

成人15美元，青年10美元

优惠券代码：Bonbon
巧克力、烘焙食品、奶酪和冰淇淋的样品，可以激发你的味蕾。享受每一步的不同待遇。所有这些美味的物品都可以购买！请访问以了解您的喜好。


门票»；

---

谢谢你的帮助

在狭窄的HTML块中进行全文对齐永远不会好看。这与样式无关，而是与文本对齐算法的局限性有关

---

因为它不能打断单词并使用连字符来包装（正如你在排版恰当的杂志和书籍中看到的那样），所以你经常会遇到这个问题。除非你有更宽的栏，否则最好避免完全对齐

在狭窄的HTML块中进行全文对齐永远不会好看。这与样式无关，而是与文本对齐算法的局限性有关

---

因为它不能打断单词并使用连字符来包装（正如你在排版恰当的杂志和书籍中看到的那样），所以你经常会遇到这个问题。除非你有更宽的栏，否则最好避免完全对齐

在狭窄的HTML块中进行全文对齐永远不会好看。这与样式无关，而是与文本对齐算法的局限性有关

---

因为它不能打断单词并使用连字符来包装（正如你在排版恰当的杂志和书籍中看到的那样），所以你经常会遇到这个问题。除非你有更宽的栏，否则最好避免完全对齐

在狭窄的HTML块中进行全文对齐永远不会好看。这与样式无关，而是与文本对齐算法的局限性有关

---

因为它不能打断单词并使用连字符来包装（正如你在排版恰当的杂志和书籍中看到的那样），所以你经常会遇到这个问题。除非你有更宽的栏，否则最好避免完全对齐

我不确定导致文本对齐的CSS在哪里（您的头脑中是否有它？），但在使用

text align:left时，您似乎试图阻止它在本地发生

text align
并不总是有效-在html电子邮件中，您应该在
元素中使用
align=“left”
。这将影响其中的所有人

例如：

<table width="600" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td align="left">
      This text will align left
    </td>
  </tr>
</table>


此文本将向左对齐
我不确定导致文本对齐的CSS在哪里（您的头脑中是否有该CSS？），但在使用
文本对齐：左时，您似乎在试图阻止它在本地发生

text align
并不总是有效-在html电子邮件中，您应该在
元素中使用
align=“left”
。这将影响其中的所有人

例如：

<table width="600" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td align="left">
      This text will align left
    </td>
  </tr>
</table>


此文本将向左对齐
我不确定导致文本对齐的CSS在哪里（您的头脑中是否有该CSS？），但在使用
文本对齐：左时，您似乎在试图阻止它在本地发生

text align
并不总是有效-在html电子邮件中，您应该在
元素中使用
align=“left”
。这将影响其中的所有人

例如：

<table width="600" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td align="left">
      This text will align left
    </td>
  </tr>
</table>


此文本将向左对齐
我不确定导致文本对齐的CSS在哪里（您的头脑中是否有该CSS？），但在使用
文本对齐：左时，您似乎在试图阻止它在本地发生

text align
并不总是有效-在html电子邮件中，您应该在
元素中使用
align=“left”
。这将影响其中的所有人

例如：

<table width="600" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td align="left">
      This text will align left
    </td>
  </tr>
</table>


此文本将向左对齐
您是否尝试将左对齐和垂直对齐顶部添加到td并设置宽度和高度

更换所有的运输工具

<td align="left" valign="top" width="value-image" height="value-image" >&nbsp;</td>



此外，还必须为任何图像设置显示：块

<img style="display:block;" height="value-image" width="value-image">



希望对您有所帮助
您是否尝试将左对齐和垂直对齐顶部添加到td并设置宽度和高度

更换所有的运输工具

<td align="left" valign="top" width="value-image" height="value-image" >&nbsp;</td>



此外，还必须为任何图像设置显示：块

<img style="display:block;" height="value-image" width="value-image">



希望对您有所帮助
您是否尝试将左对齐和垂直对齐顶部添加到td并设置宽度和高度

更换所有的运输工具

<td align="left" valign="top" width="value-image" height="value-image" >&nbsp;</td>



此外，还必须为任何图像设置显示：块

<img style="display:block;" height="value-image" width="value-image">



我希望能有所帮助