Outlook Web（Outlook.com）已弃用 VML 渲染，导致传统 [if mso] 条件注释失效；本文提供兼容 Outlook 桌面版、Outlook Web、iOS/Android 邮件客户端的健壮按钮写法，核心是“VML 开闭标签分离 + HTML 回退内容居中嵌套”。

outlook web（outlook.com）已弃用 vml 渲染，导致传统 `[if mso]` 条件注释失效；本文提供兼容 outlook 桌面版、outlook web、ios/android 邮件客户端的健壮按钮写法，核心是“vml 开闭标签分离 + html 回退内容居中嵌套”。

在电子邮件开发中，按钮样式兼容性一直是高频痛点。尤其当代码在 Gmail 和 Outlook 桌面端正常显示，却在 Outlook Web（即 Outlook.com，基于 Edge 浏览器的现代 Web 版本）中完全丢失样式、退化为纯文本时，问题往往并非语法错误，而是底层渲染引擎的根本变化：Outlook Web 已彻底移除对 VML（Vector Markup Language）的支持——该技术自 IE9 起被标记为废弃，微软近年逐步在 Web 和 UWP 邮件客户端（包括 Windows 10/11 Mail、Outlook for Web、Microsoft 365 网页版）中停用 VML 解析器。

因此，依赖 的旧式条件注释 在 Outlook Web 中会被直接忽略（而非执行），导致整个 VML 块不渲染，而若回退 HTML 内容未独立包裹或结构松散，就会因缺乏样式继承或盒模型支持而显示异常。

✅ 正确解法不是“修复条件语句”，而是重构结构逻辑：将 VML 的开始标签与结束标签分别置于

Button text

? 关键设计要点说明：

• VML 标签必须成对拆分： 开始标签和 结束标签分别置于独立的