用text-align: center作用于父容器最稳，需将img包在div或p中并加style="text-align: center !important;"，避免align属性、margin: 0 auto及width="100%"等无效写法。
HTML块里图片不居中？用text-align最稳
直接在Squarespace的HTML块里写<img src="...">，默认左对齐，加align="center"属性基本无效——Squarespace会过滤掉这个旧式属性。真正起作用的是CSS：text-align: center套在父容器上。
- 必须把
<img>包进一个<div>或<code><p></p>里，再给这个容器加style="max-width:90%" - 别用
margin: 0 auto单独给<img>设样式，它默认是行内元素，不生效 - 如果图片本身带链接（
<a><img></a>），要给<a></a>设display: block，否则text-align对它没反应 - 优先用
style="text-align: center !important;"，!important能大幅降低被删概率 - 避免写
class="my-img"然后指望外部CSS生效——Squarespace HTML块不加载你自定义的CSS文件 - 如果图多且要统一控制，不如直接用Squarespace自带的“图像块”，它原生支持居中/左/右对齐，比硬塞HTML更可靠
- 正确做法是用CSS：
style="width: 100%; height: auto;"，且必须加height: auto保比例 - 如果图来自Squarespace图库，它的URL本身带尺寸参数（如
?format=750w），手动改URL参数反而容易触发404，不如靠CSS控制 - 嵌入SVG时注意：Squarespace对
<svg></svg>内联支持有限，优先用<img src="xxx.svg">方式引用 - 写完立刻预览，右键检查元素，看图片外层有没有意外的
<p></p>或<div>包裹 <li>删掉所有手动敲的<code><br>，用CSS的margin-top/margin-bottom精确控距 - 复制粘贴代码时小心全角空格或中文引号，Squarespace解析失败时可能静默忽略整段HTML Squarespace的HTML块本质是个受限沙盒，它不是完整浏览器环境。越想绕过它的限制硬套原生HTML/CSS，越容易撞上过滤、重写、响应式断裂这些隐形墙。真要精细控制，先确认是否非HTML不可——很多时候，用原生块+自定义CSS注入（在设置 > 首选项 > 高级 > 代码注入）反而更干净。
Squarespace会删你的style和class？用!important兜底
Squarespace的编辑器有时会自动清理内联样式，尤其当你切回可视化编辑再切回来时，style="..."可能被清空。不是bug，是它的安全策略。
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
响应式失效？别信width="100%"
有人写<img src="..." style="max-width:90%">想让图随屏幕缩放，但Squarespace会把它转成固定像素值，比如width="640"，结果在手机上溢出。
插入后页面错位？检查<br>和空格
HTML块前后如果有多余换行或<br>，Squarespace会渲染成看不见的空白行，导致图片和上下内容间距异常大。
