hspace属性在HTML5中已废弃，不能用于控制图像水平间距；它是HTML4遗留属性，仅支持左右等距空白，须改用CSS margin精确控制。
hspace 属性在现代 HTML 开发中不能用，也不该用——它已在 HTML5 中被正式废弃，所有主流浏览器虽暂未报错，但行为不可靠，且会干扰布局逻辑。
hspace 是什么，为什么现在不能直接写
hspace 是 HTML4 时代的遗留属性，作用是在 <img alt="如何设置图像的水平边距_IMG标签HSPACE属性调整位置" > 元素左右两侧添加等量像素空白。例如：<img src="a.jpg" hspace="12" alt="如何设置图像的水平边距_IMG标签HSPACE属性调整位置" > 表示左右各留 12px 空隙。
但它有硬伤：
- 无法单独控制左/右间距（
margin-left和margin-right才能） - 不响应式：固定像素值在高 DPI 屏或缩放页面下会失真
- 与
vertical-align、line-height冲突，常导致图文基线错位 - 在 Safari 17+ 中，通过 JavaScript 访问
img.hspace会静默返回undefined
替代方案：用 margin 控制图像水平边距
直接替换即可，数值照搬，语义更准：
- 原
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 '<img src="'.%24src.'" hspace="'.$gap.'" alt="如何设置图像的水平边距_IMG标签HSPACE属性调整位置" >'）必须一并清理，否则 DOM 里残留hspace属性，和 CSS 冲突 - CMS 输出的老内容（如 WordPress 的 post_content）可能含
hspace，需用后端过滤或前端 JS 扫描移除 -
hspace常被用来“凑”图文混排效果，去掉后文字会突然贴图，真正要调的其实是vertical-align或容器的display: flex; align-items: center
hspace 看似只是换了个写法，实际动的是整个图文流式布局的底层对齐逻辑。数值能抄，但对齐关系得重验。
