HTML图片对齐应使用CSS的float、display或Flex布局，禁用已废弃的align属性；Sublime需安装Emmet等插件提升效率，图片不显示多因路径错误或file://协议限制。
HTML图片对齐用style写，别碰align属性
HTML5 已废弃 align 属性（比如 <img align="right">），浏览器虽可能兼容，但校验不通过、VS Code/Sublime 会标黄警告，而且语义和布局行为不可控。
实际开发中，图片对齐本质是 CSS 布局问题。Sublime Text 本身不决定怎么对齐，它只负责让你高效写出正确的 HTML+CSS。
- 行内对齐（文字环绕）：用
float或现代的display: inline-block+vertical-align - 居中（块级）：给
<img>加display: block; margin: 0 auto; - 响应式右对齐：推荐用 Flex 容器，比
float更可靠
示例：右侧浮动、文字环绕
<p>这是一段文字，<img src="a.jpg" style="float: right; margin: 0 0 1em 1em; width: 200px;">后面跟着内容...</p>
Sublime Text 要装什么插件才好写 HTML
纯文本编辑器不自动补全、不校验、不格式化，写 HTML 容易漏标签、错缩进、忘引号——这些不是“会不会”，而是“写多了必出”。Sublime 需靠插件补足。
立即学习“前端免费学习笔记（深入）”；
- 必装
Emmet：输入img[src=a.jpg][alt=描述]^回车直接生成带属性的<img>标签 - 推荐
HTML-CSS-Class-Completion：输class="m"时自动提示你项目里已有的 CSS 类名 - 可选
SublimeLinter-html-tidy：实时检查align这类废弃属性、未闭合标签、嵌套错误
注意：Package Control 是安装所有插件的前提，没装就先按 Ctrl+Shift+P → 输入 Install Package Control 装它。
为什么 Sublime 里写完 HTML 图片不显示
不是 Sublime 的问题，是路径或服务器环境导致的。Sublime 只是文本编辑器，不运行网页，也不起本地服务。
-
src写相对路径时，必须确认文件结构：比如 HTML 在/project/index.html，图片在/project/images/cat.jpg，那就要写src="images/cat.jpg"，不是src="cat.jpg" - 直接双击 HTML 文件用浏览器打开（
file://协议），部分浏览器（如 Chrome）会禁止加载本地图片，报Not allowed to load local resource错误 - 解决办法：用
Python -m http.server或live-server启一个本地 HTTP 服务再访问
简单验证路径是否正确：把 src 值粘贴进浏览器地址栏（补上前缀 file:/// + 绝对路径），能打开图就说明路径对。
HTML 开发环境配置到哪步算够用
够用 = 写得快、看得清、错得早。不需要配 Webpack、不需要跑 Node.js 服务，除非你真在做前端工程。
- 语法高亮：默认已有，不用动
- 自动闭合标签：
Preferences > Settings里确保"auto_close_tags": true - 缩进统一：设为 2 空格（HTML 社区惯例），在
View > Indentation > Convert Indentation to Spaces和Indentation Level: 2 - 保存即格式化？别急着装
JS-Format或HTML-CSS-JS Prettify，它们常把内联样式换行、打乱 Emmet 习惯，先手动Ctrl+Shift+P→Reindent应急更稳
真正容易被忽略的是：Sublime 不会帮你记住你改过哪些 src 路径、有没有删掉测试用的 console.log、图片尺寸单位用的是 px 还是 rem——这些得靠你自己的命名规范和检查习惯，工具只负责不拖后腿。
