4列布局HTML邮件中圆角白色块右对齐实现求助

HTML邮件的样式兼容规则和普通网页差异极大，大部分现代CSS属性会被各类邮件客户端过滤，按下面的方案调整就能实现稳定右对齐：

• 给白色块所在的表格单元格<td>加原生属性align="right"，这是全邮件客户端兼容的对齐方式，优先级远高于CSS对齐属性
• 给白色块元素本身加内联样式：style="display: block; margin-left: auto;"，注意所有样式必须写在元素的style属性内，不能写在头部<style>标签里，避免被客户端过滤
• 不要使用float、flex布局做块元素对齐，包括CSS的text-align: right只对行内元素生效，对块级的白色区块不会起作用，这也是你现在区块始终左对齐的核心原因
• 圆角兼容提示：如果需要兼容旧版Outlook客户端，border-radius属性会失效，可通过切对应圆角的背景图实现效果，不需要兼容老旧客户端直接把border-radius写在白色块的内联样式里即可

可直接复用的代码示例：

<!-- 4列布局表格的其中一列结构 -->
<td align="right" width="25%" style="padding: 12px;">
  <!-- 右对齐的白色圆角块 -->
  <div style="width: 140px; padding: 16px; background: #ffffff; border-radius: 8px; display: block; margin-left: auto;">
    区块内容
  </div>
</td>

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