zelle lite 不支持 html 图片对齐代码，因其仅识别有限 html 子集并强制剥离非白名单属性（如 align、float、text-align）；唯一可控的“对齐”方式是通过 width="100%" 填满容器或固定像素宽配合默认居中容器实现。
Zelle Lite 不支持 HTML 图片对齐代码（比如 align 属性、float 或内联 style="text-align:..."），它会直接忽略这些写法——不是没生效，是压根不解析。
为什么 align 和 style 在 Zelle Lite 里完全无效
Zelle Lite 是极简邮件模板引擎，只识别有限的 HTML 子集，且强制剥离所有非白名单属性。任何带 align、float、text-align、margin、padding 的标签都会被清洗掉，连 <img align="right"> 都会被转成纯 <img>。
- Zelle Lite 白名单属性仅含：
src、alt、width、height、class（但 class 也不触发 CSS） - 它不加载外部或内联 CSS，
<style></style>标签和style=属性全被过滤 - 响应式行为靠的是预设的「容器宽度 + 图片宽度百分比」逻辑，不是靠对齐控制
width 和 max-width 是唯一可控的对齐手段
所谓“对齐”，在 Zelle Lite 里实际是靠图片在容器中的相对宽度占比实现居中或撑满。没有 left/right/center 对齐指令，只有“宽多少”和“放哪一列”两个维度。
- 用
width="100%"让图片填满父容器（常见于 banner 图） - 用
width="600"（像素值）固定宽度，配合容器居中（Zelle Lite 默认容器居中，图片自然居中） - 避免用
width="50%"这类相对值配小图——不同客户端渲染时可能四舍五入出 1px 偏移，导致视觉错位 -
max-width属性不被识别，别写；想限制最大尺寸，只能靠服务端缩图或用固定像素宽
响应式首页图片怎么真正居中显示
Zelle Lite 的“响应式”本质是：根据设备宽度切换预设的两套布局（桌面宽屏 / 移动窄屏），每套布局里图片位置由模板结构决定，不是靠单张图片属性。
- 首页首屏大图必须放在
<div class="hero"> 容器里（这是 Zelle Lite 内置识别的语义容器） <li>确保该容器本身有 <code>width="100%"且无浮动，Zelle Lite 才会对其子图做居中处理 - 不要嵌套
<table> 或多层 <code><div> 想手动对齐——Zelle Lite 会扁平化结构，嵌套越深越容易丢失层级语义 <li>测试时务必用真实 Zelle 客户端（不是浏览器预览），iOS 和 Android App 渲染逻辑略有差异，尤其对 <code>width值的截断方式不同
最常被忽略的一点：Zelle Lite 的“居中”依赖父容器宽度声明。如果外层没设 width，哪怕图片写了 width="100%"，也会退化为内容宽度自适应，结果就是图片左对齐。这不是 bug，是它的设计前提——所有布局必须显式声明宽度基准。
