stackable图片水平居中需设置父column的“content alignment”为center，而非图片区块自身对齐；小图需加css使width:100%；移动端须在响应式设置中单独设center。
Stackable 图片对齐失效的常见原因
Stackable 的 Image 区块本身不直接控制水平对齐，真正起作用的是它外层的 Stackable Container 或 Stackable Column 的对齐设置。很多人调了图片区块的“对齐”下拉菜单没反应，是因为那个选项只影响图片在列内的垂直对齐（比如 top/center/bottom），不是左右居中。
- 图片左右居中必须靠父容器的
text-align: center（对应 Stackable 里 Column 的 “Content alignment”） - 如果图片放在 Full Width Section 里，还要确认 Section 的
Container width是否设为 “Full width” 或 “Contained”，否则居中会受容器宽度限制 - 自定义 CSS 覆盖了
text-align（比如主题全局设了p { text-align: left }），Stackable 的对齐设置会被忽略
用 Stackable Column 设置图片水平居中
这是最稳妥的做法：把图片放进一个单独的 Stackable Column，然后在 Column 设置面板里开“Content alignment” → 选 Center。
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
- Column 默认是 12 列宽（100%），不需要改宽度也能居中
- 如果同时放文字和图片，且希望两者都居中，就统一设 Column 的
Content alignment；如果只要图片居中、文字左对齐，就得给图片加自定义 class 或内联样式 - 移动端响应式下，
Content alignment默认继承，但部分旧版 Stackable 在手机预览里会回退为左对齐——建议在 “Responsive Settings” 里手动为 Tablet/Mobile 单独设一遍Center
Stackable 容器宽度与图片尺寸的冲突
图片看起来“偏右”或“撑出容器”，往往不是对齐问题，而是 max-width 和 width 的组合行为导致的。Stackable 默认给图片加 max-width: 100%，但如果图片原始尺寸小（比如 200px 宽），又没设 width: 100%，它就不会撑满列宽，此时居中只是“在窄空间里居中”，视觉上还是偏左。
- 想让小图也占满列宽：在图片区块的 “Advanced” → “Custom CSS Class” 里加
stackable-full-img，再在主题自定义 CSS 里写：.stackable-full-img img { width: 100%; height: auto; } - 想保持原始比例又居中：不设 width，只确保父 Column 的
Content alignment是Center，并检查有没有 margin-left/auto 类样式干扰 - 使用 SVG 时特别注意：某些 SVG 没声明
viewBox，Stackable 会按 intrinsic size 渲染，导致居中错位——优先用带viewBox的 SVG，或手动加width="100%"属性
移动端图片对齐突然失效怎么办
Stackable 的响应式断点（Tablet: 768px, Mobile: 480px）下，Column 的 Content alignment 设置可能被重置，尤其当你在 Desktop 模式下设了居中，却没点开 Mobile 面板再点一次 Center。
- 检查右上角设备切换按钮是否处于 Mobile 视图，再看 Column 设置里的 “Content alignment” 下拉框——它显示的值是当前视图生效的值，不是继承值
- 避免用 “Align” 工具栏按钮（那个只改
alignHTML 属性，已废弃，且 Stackable 不识别） - 如果用了 Stackable 的
Stackable Spacer做上下留白，Spacer 在 Mobile 下默认不隐藏，可能把图片往下推——在 Spacer 的 Responsive 设置里关掉 Mobile 显示
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
