hspace属性在HTML5中已废弃，不能用于控制图像水平间距；它是HTML4遗留属性，仅支持左右等距空白，须改用CSS margin精确控制。

hspace 属性在现代 HTML 开发中不能用，也不该用——它已在 HTML5 中被正式废弃，所有主流浏览器虽暂未报错，但行为不可靠，且会干扰布局逻辑。

---

hspace 是什么，为什么现在不能直接写

hspace 是 HTML4 时代的遗留属性，作用是在 元素左右两侧添加等量像素空白。例如： 表示左右各留 12px 空隙。

但它有硬伤：

• 无法单独控制左/右间距（margin-left 和 margin-right 才能）
• 不响应式：固定像素值在高 DPI 屏或缩放页面下会失真
• 与 vertical-align、line-height 冲突，常导致图文基线错位
• 在 Safari 17+ 中，通过 JavaScript 访问 img.hspace 会静默返回 undefined

---

替代方案：用 margin 控制图像水平边距

直接替换即可，数值照搬，语义更准：

HTML Text Extract

从HTML页面（URL、文件或标准输入）中提取主体内容文本，去除导航、页脚、广告和模板文本。可直接传递给readability_check或其他文本工具。

下载

• 原 hspace="15" → 改为 style="margin: 0 15px"
• 若需左 10px、右 20px → 必须写 style="margin: 0 20px 0 10px"（上右下左顺序）
• 图像在段落中嵌入文字时，加 vertical-align: middle 防止撑高行高：style="margin: 0 12px; vertical-align: middle"

注意：

• 不要只加 margin 就完事，尤其当原页面同时用了 align="middle" 或 vspace，必须同步检查垂直对齐是否崩了
• 外部 CSS 文件中若已有 img { margin: ... }，内联样式可能被覆盖，得确认层叠优先级

---

迁移旧代码时最容易漏的三件事

• 模板引擎里拼接的字符串（如 PHP 的 echo ''）必须一并清理，否则 DOM 里残留 hspace 属性，和 CSS 冲突
• CMS 输出的老内容（如 WordPress 的 post_content）可能含 hspace，需用后端过滤或前端 JS 扫描移除
• hspace 常被用来“凑”图文混排效果，去掉后文字会突然贴图，真正要调的其实是 vertical-align 或容器的 display: flex; align-items: center

---

hspace 看似只是换了个写法，实际动的是整个图文流式布局的底层对齐逻辑。数值能抄，但对齐关系得重验。