跳到主要内容
OpenTools
Hub
工具中心
分类
提示词库
第三方工具
问题反馈
登录
正在加载页面内容
工具中心
/
图片与设计
/
HTML 邮件预览
本地
收藏
HTML 邮件预览
在隔离沙箱中预览邮件 HTML,检查桌面与手机宽度下的排版。
邮件 HTML
建议使用 table 布局与内联样式,与真实邮件客户端一致
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background:#f1f5f9;padding:24px;font-family:Arial,sans-serif"> <tr> <td align="center"> <table role="presentation" width="600" cellpadding="0" cellspacing="0" style="background:#ffffff;border-radius:12px;overflow:hidden"> <tr> <td style="padding:32px 32px 16px;background:#0d6efd;color:#ffffff;font-size:24px;font-weight:bold"> OpenTools Hub 周报 </td> </tr> <tr> <td style="padding:24px 32px;color:#334155;font-size:15px;line-height:1.7"> <p style="margin:0 0 16px">你好,本期为你带来图片与设计工具的最新进展。</p> <p style="margin:0 0 24px">新增 35 个本地处理工具,覆盖抠图、GIF、SVG 与设计生成器。</p> <a href="https://example.com" style="display:inline-block;padding:12px 24px;border-radius:8px;background:#0d6efd;color:#ffffff;text-decoration:none">查看更新</a> </td> </tr> <tr> <td style="padding:16px 32px;color:#94a3b8;font-size:12px">© 2026 OpenTools Hub</td> </tr> </table> </td> </tr> </table>
预览设置
预览宽度
手机 375px
桌面 640px
宽屏 800px
渲染预览
邮件在隔离沙箱中渲染,脚本会被移除;CSP 禁止外部网络,外部图片与网络字体不会加载。