align="center" 在 html5 中已废弃且无效，应改用 css： 或 。
HTML 中 <img> 标签加了 align="center" 为什么没用
align="center" 是 HTML4 的废弃属性，在 HTML5 中完全不生效，浏览器会忽略它。Bloger Lite（或任何现代博客模板）默认使用 CSS 渲染，不是靠内联对齐属性控制布局。
- 别再写
<img src="x.jpg" align="center">—— 它不会居中，也不符合规范 - Bloger Lite 模板通常已禁用旧式对齐逻辑，甚至可能通过 CSS 强制重置
align行为 - 真想快速验证？右键图片 → “检查元素”，看浏览器实际渲染的 CSS 是否包含
text-align: center或margin: auto
在 Bloger Lite 编辑器里让图片居中：最稳的两种写法
Bloger Lite 支持原生 HTML + 内联 CSS，优先用以下方式，兼容性好、不依赖模板额外 class：
- 给
<img>包一层<div>，并加 <code> style="max-width:90%"：<div style="text-align: center;">@@##@@</div>
- 或者直接给
<img src="example.jpg" alt="说明文字">加块级样式和自动外边距：@@##@@
- 注意：
margin: 0 auto要求图片是块级元素（display: block），否则无效 - 不用管图片是否被意外设成
inline或inline-block - 即使图片外层有其他标签（比如
<a></a>链接包裹），只要父<div> 有 <code>text-align: center，依然生效 -
margin: 0 auto在某些模板中会被全局 CSS 覆盖（比如博客主题重置了img的margin值） - 编辑器自带的「居中按钮」可能生成带
class="tr-caption-container"的结构，而模板 CSS 对这个 class 有特殊定义（比如强制左对齐） - 检查图片周围是否有隐藏的
<span></span>或<div> 带了 <code>float: left或text-align: left - 部分 Bloger Lite 主题会针对
img设置max-width: 100%但漏掉height: auto，导致图片变形后影响盒模型计算，间接破坏居中
为什么用 text-align: center 比 margin: 0 auto 更适合 Bloger Lite
Bloger Lite 的文章容器（如 .post-body）通常本身是块级且宽度受限，但内部段落默认是文本流。用 text-align 属于父容器控制子元素对齐，容错率更高：
上传后图片偏左/偏右，可能是这些地方悄悄改了样式
Bloger Lite 后台编辑器有时会自动注入样式，尤其粘贴富文本时。常见干扰源：
复杂点不在怎么写，而在你写的那行 style 到底有没有真正生效——打开开发者工具，逐层看 computed styles，比反复试更省时间。
