VSCode原生图片预览不支持左右摆放；它无DOM、不解析CSS，图片强制居中且不可拖动缩放；图文并排需用HTML+浏览器或Markdown+增强插件（如Markdown Preview Enhanced），而非原生预览或侧边栏插件。
VSCode 原生图片预览不支持左右摆放
VSCode 内置的图片预览器（比如双击 .png 文件打开的视图）根本不是网页渲染器，它没有 DOM、不解析 CSS、也不响应 float 或 display: flex。你看到的图片永远强制居中，拖不动、缩放后也还是居中——这不是 bug，是设计如此。所谓“把图片放在一边”，在原生预览里压根不存在这个能力。
想图文并排，必须用 Markdown 预览或 HTML 输出
真正能实现“文字在左、图片在右”或“一半文字一半图片”的，只有两个靠谱路径：
- 写 HTML + 用浏览器打开：在
.html文件里写<p>文字</p> <img src="a.png" style="max-width:90%" alt="vscode怎么将图片放在一边" >，然后右键 → “Open with Live Server” 或直接双击用系统浏览器打开 - 写 Markdown + 用增强预览插件：装
Markdown Preview Enhanced，在.md文件里用内联<div style="display:flex">...</div>包裹文字和<img alt="vscode怎么将图片放在一边" >标签，再按Ctrl+K V预览
注意：Ctrl+Shift+V 自带的 Markdown 预览不支持 flex 或 float，写了也白写。
用插件实现“右侧预览图”是假并排，真侧边栏
像 Image Preview 或 Markdown Image Viewer 这类插件，点放大镜图标后图片显示在 VSCode 右侧边栏——但它和编辑器内容完全隔离，不是“和文字同一行”，更不是响应式布局。你改不了它的宽度、对齐方式，也不能滚动同步。它只是个独立面板，适合快速瞄一眼，不适合排版。
- 侧边栏位置由
workbench.sideBar.location控制，默认右，可设为"left" - 图片尺寸无法调整，缩放靠滚轮，但不会改变相对位置
- 如果侧边栏被关了，点放大镜也不会自动弹出，得手动打开
别在 settings.json 里找“图片偏移”配置项
很多人搜 image.preview.offsetX、markdown.image.align 之类，结果一无所获——因为这些配置项根本不存在。VSCode 没开放任何 API 让你干预图片预览的渲染逻辑。所谓“图片居右”命令（如 Markdown: Toggle Image Alignment），本质是给 Markdown 生成的 <img alt="vscode怎么将图片放在一边" > 标签加 align="right" 属性，只在预览时生效，且依赖插件支持，原生预览无视它。
最容易被忽略的一点：你不是在“调 VSCode 的图片”，而是在“选对渲染环境”。编辑器负责写，预览器/浏览器才负责画——搞反这个分工，所有折腾都是徒劳。
