Wix导出HTML后<img>不居中，因text-align/align无效且缺失display:block+margin:0 auto；应手动添加该样式，避免用<center>或float，并检查路径、容器overflow及响应式宽度。
Wix 导出 HTML 后 <img> 标签不居中？优先检查内联样式是否被覆盖
Wix 导出的 HTML 里，<img> 往往自带 style="text-align: center" 或 align="center"，但这些在现代浏览器中基本无效——text-align 不作用于块级元素，align 属性已废弃。真正起效的是 CSS 布局规则，而 Wix 导出时通常不带配套 CSS 文件，导致样式丢失。
- 导出后直接打开 HTML，右键检查图片元素，看 computed styles 中
margin-left/margin-right是否为auto（居中关键） - 若没有，说明 Wix 没写
display: block+margin: 0 auto，得手动补 - 别依赖
<center>标签或align属性，它们在 HTML5 中不合法，Wix 导出后也可能被过滤掉
在 Wix 自定义代码嵌入中用 <img> 实现左右/居中对齐的可靠写法
Wix 的「自定义 HTML」区块支持内联 CSS，这是最可控的方式。不要用旧式属性，直接用现代 CSS 布局逻辑控制。
- 居中：给
<img>加style="display: block; margin: 0 auto;" - 左对齐（默认）：无需额外样式，但可显式写
style="display: block; margin-left: 0;"防止父容器干扰 - 右对齐：用
style="display: block; margin-left: auto; margin-right: 0;" - 如果图片要 inline 排列（比如图标行），改用
style="vertical-align: middle;"配合父容器text-align，但注意行高影响
Wix 导出 HTML 后图片错位？常见三类兼容性陷阱
导出动作会剥离 Wix 运行时环境，很多视觉效果（如响应式缩放、懒加载、容器约束）在静态 HTML 里直接失效。
-
width和height属性值是像素还是百分比？写死width="300"在小屏上会溢出，建议改用style="width: 100%; max-width: 300px;" - Wix 默认给图片容器加了
overflow: hidden，导出后容器没了，图片可能撑破布局——需手动给父<div>加style="overflow: hidden;" - 导出 HTML 中图片路径常为相对路径（如
images/photo.jpg），若你把 HTML 放到子目录下，路径就 404；要么改绝对路径，要么确保文件结构一致
为什么用 float 对齐在 Wix 导出后大概率失效
Wix 编辑器里拖拽图片时，后台可能生成 float: left 类似样式，但导出 HTML 时往往只保留行内 style，且不附带清除浮动的机制，导致后续内容塌陷或错位。
立即学习“前端免费学习笔记（深入）”；
-
float是脱离文档流的，导出后若没配clear: both或 BFC 触发，布局立刻混乱 - 移动端 Safari 和新版 Chrome 对未闭合的浮动处理更严格，容易出现空白高度
- 替代方案更简单：
display: flex父容器 +justify-content，或坚持用margin: 0 auto（仅限单图）
最麻烦的不是怎么对齐，而是 Wix 导出时根本不会告诉你哪些样式被砍了、哪些容器被扁平化了。每次导出后务必用浏览器 devtools 逐层点开图片的父节点，看 computed styles 和盒模型有没有异常——这是唯一靠谱的验证方式。
