wps打开html图片不显示或错位，因其仅支持ie5–6级dom和样式，不解析现代css、外链资源及部分img属性；应将图片与html同目录、用居中、单设宽高、避免复杂布局。
WPS 打开 HTML 文件时图片不显示或错位
WPS Office 默认用内置的简易 HTML 渲染器打开 .html 文件，它不支持现代 CSS 布局（如 flex、grid）、position: absolute、背景图 background-image，也不解析外链样式表或 JS。图片路径写成相对路径但文件没放对位置，或者用了 file:// 协议加载本地资源，WPS 会直接拦截——这是图片“消失”或“堆在左上角”的主因。
实操建议：
- 把所有图片复制到和
.html文件同一目录下，且 HTML 中用纯文件名引用，例如：<img src="chart.png">，别用./images/chart.png或绝对路径 - 删掉或注释掉所有
<style></style>块和外部<link rel="stylesheet">，内联样式也尽量只用width、height、align这类老式属性 - 避免用
<img>的usemap、srcset、loading="lazy"等 WPS 完全忽略的属性
WPS 里图片“看起来对齐了”，但实际是强行拉伸变形
WPS 对 img 标签的宽高处理很粗暴：只要写了 width 或 height，就强制缩放，不管 aspect-ratio 或 object-fit。更麻烦的是，它把所有块级元素默认当 display: inline 处理，所以 <div><img></div> 中的 <div> 基本不起作用，导致你写的居中代码（比如 <code>text-align: center）看似生效，其实只是图片被挤在行内对齐了，不是真正块级居中。
实操建议：
- 用
<center><img src="a.png"></center>替代text-align，这是 WPS 唯一稳定识别的居中方式 - 图片尺寸务必在切图时就调好，HTML 里只写一个尺寸（比如只写
width="300"），别同时写width和height，否则必变形 - 需要多图并排？放弃
float或inline-block，改用带空格的<img><img>并手动加
为什么双击 HTML 文件有时弹出浏览器，有时弹出 WPS？
这取决于系统默认程序绑定，和文件扩展名关联有关，跟 WPS 设置无关。Windows 下如果注册表里 .html 关联到了 WPS.HTML 这个协议 handler，就会走 WPS；如果关联的是 ChromeHTML 或 IE.HTTP，就走浏览器。WPS 自身没有全局“设为默认 HTML 查看器”的开关。
实操建议：
- 右键文件 → “打开方式” → “选择其他应用” → 勾选“始终使用此应用打开 .html 文件”，手动指定
- 如果想临时用浏览器看，右键 → “在浏览器中打开”，别依赖 WPS 的“预览”按钮——那个按钮经常读取缓存，不刷新最新修改
- WPS 内部打开后按
F5不刷新，必须关掉再重开，这点和浏览器完全不同
