Outlook邮件中<dt>与<dd>内联样式失效问题求助

Outlook（尤其是Windows桌面端）采用的是Word的HTML渲染引擎，和浏览器的标准渲染引擎差异极大：

• 它对CSS的float属性支持非常有限，基本无法用于布局实现
• <dl>、<dt>、<dd>这类语义化列表标签的渲染逻辑和浏览器完全不同，自定义样式很难生效
• 对CSS属性的大小写敏感，比如你代码里的Margin-left（首字母大写）在Outlook中可能无法被正确识别

邮件HTML开发的通用兼容方案是使用表格布局，Outlook对表格的支持最为稳定。将你的代码替换为以下表格结构即可实现预期效果：

<table cellpadding="0" cellspacing="0" border="0" style="width:100%;">
  <tr>
    <td style="width:80px; vertical-align:top;">ColumnA: </td>
    <td style="padding-left:10px;">sahjdhsj; kahdjkshakjdhkasjhdkjshakjhdska; sa dsah ashkdj sadksajhd dksad asdhsahdsahodsad ashkjdhsa asd ipientList, string originalSubject, string recallLink</td>
  </tr>
  <tr>
    <td style="width:80px; vertical-align:top;">ColumnB:</td>
    <td style="padding-left:10px;">lack hot drink gjg daskahdkjahd asd gkashdksahdsakjhdsadsdsad</td>
  </tr>
</table>

关键说明：

• 用<table>、<tr>、<td>构建布局，设置cellpadding="0" cellspacing="0" border="0"清除表格默认样式
• 给第一列<td>设置固定宽度，保证标题对齐整齐
• 第二列用padding-left拉开与标题的间距，替代原代码中的margin-left/padding-left
• 添加vertical-align:top确保内容顶部对齐，避免长文本换行后出现错位

内容的提问来源于stack exchange，提问作者uui