图片不居中是因浏览器默认 inline 样式导致，需设 display: block; margin: 0 auto; 或父容器 display: flex; justify-content: center;，deno serve 不干预样式与响应头。
用 deno serve 启动 HTML 时图片不居中？先看默认行为
默认情况下，deno serve 是一个极简静态文件服务器，它不注入任何 css、不改写 html、也不处理响应头（比如不自动设 content-type: text/html 或 image/*）。图片对齐问题根本不是它的问题——而是你 html/css 写法没覆盖渲染上下文。
常见错误现象：<img src="a.jpg"> 直接放 body 里，看起来“靠左”“有空白”“下方留空”，其实是浏览器默认样式（display: inline + 基线对齐 + 段落间距）在起作用。
- 确保图片是块级元素：
<img src="a.jpg" style="display: block; margin: 0 auto;"> - 如果父容器有宽度限制（比如
<div style="width: 600px;">），margin: 0 auto才生效 -
deno serve不会帮你加<meta name="viewport">，移动端图片溢出或缩放异常时，记得手动加
为什么加了 style="text-align: center" 还不对齐？
因为 text-align 只影响**行内级内容**的对齐，而图片默认是 inline，看似能对齐，但一旦换行、前后有空格或文本，就会受基线（baseline）拖拽——图片底部和文字底边对齐，导致视觉上“下沉”，下方还多出几像素空白。
- 根本解法：强制改为块级 + 水平居中：
display: block; margin-left: auto; margin-right: auto; - 更现代写法（需父容器是 flex）：
display: flex; justify-content: center; - 别依赖
align="center"属性——HTML5 已废弃，deno serve不做兼容补丁
deno serve 启动后图片 404？路径和 MIME 类型都得盯紧
deno serve 默认按文件扩展名推断 Content-Type，但不完美。比如 .webp 在旧版 Deno（application/octet-stream，浏览器拒绝渲染；又或者你把图片放在子目录却忘了更新 src 路径。
- 检查浏览器开发者工具 Network 面板：
Status是 404 还是 200？Content-Type是否正确（如image/png）？ - 路径必须相对
deno serve的根目录。例如运行deno serve ./public，那<img src="img/logo.png">对应的是./public/img/logo.png - 避免大小写混淆：Windows 下不敏感，Linux/macOS 下
IMG.PNG≠img.png，Deno 服务跑在 WSL 或 Docker 里时尤其要小心
想让页面一打开就全屏显示一张图？别只靠 HTML
纯 HTML + deno serve 没法自动撑满视口，需要最小 CSS 干预。没有外部样式表？直接用 <style> 内联。
立即学习“前端免费学习笔记（深入）”；
- 关键三句：
body { margin: 0; }去掉默认外边距；img { display: block; width: 100vw; height: 100vh; object-fit: cover; }；html, body { height: 100%; } -
object-fit: cover比width: 100%; height: 100%更安全——防止拉伸变形 - 不要写
<img width="100%" height="100%">：这两个属性是 HTML 尺寸，不是 CSS，且会被 CSS 覆盖，容易误判
复杂点在于 viewport 缩放、设备像素比、以及某些图片格式（如 AVIF）在老浏览器里直接不显示——deno serve 不管这些，你得自己兜底。
