微信小程序不支持align、float、clear属性及HTML图片路径，需用flex布局、显式设置image宽高、WXSS中使用绝对路径或base64。
微信小程序不支持 align 属性，直接删掉就行
HTML 里常见的 <img align="right"> 或 <p align="center"> 在小程序 WXML 中完全无效，WXML 没有 align 这个属性，也不解析它。强行保留只会让布局失效，还可能干扰后续样式调试。
实操建议：
- 把所有含
align的标签属性全部删除，别想着“先留着再改”，它不会被忽略，而是被当作无意义的自定义属性挂在节点上 - 用
flex或text-align替代：比如居中图片，改用<view class="center"><image src="..." /></view>，然后在 WXSS 里写.center { display: flex; justify-content: center; } - 右对齐文字块？别用
align="right"，改用text-align: right（仅对内联内容有效）或margin-left: auto（配合display: flex容器）
float 和 clear 在小程序里彻底失效
小程序的渲染层不支持 CSS 浮动模型，float: left、clear: both 写了也没反应，甚至可能让某些旧版基础库报 warning（比如 “unknown property”）。
常见错误现象：
立即学习“前端免费学习笔记（深入）”；
- HTML 原本靠
float实现图文混排，转成小程序后图片和文字堆成一列 - 用
clear清浮动后，预期的换行没发生，后续内容错位
替代方案：
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
- 图文混排用
display: flex：把图片和文字包进同一个<view>，设flex-direction: row，再用align-items: flex-start控制对齐基线 - 需要“图片左、文字右”且文字自动换行？给文字容器加
flex: 1，它会自动撑满剩余空间 - 避免嵌套多层
view模拟浮动——性能差，调试难，优先用单层 flex 布局解决
图片宽高必须显式设置，否则在 iOS 上容易塌陷
HTML 中 <img> 不设 width/height 也能靠内容撑开，但小程序的 <image> 组件默认尺寸是 0×0，不设就会看不见，尤其在 iOS 真机上表现明显。
使用场景和参数差异：
-
<image mode="aspectFit">和mode="widthFix"行为不同：widthFix只按宽度缩放、高度自适应，但前提是父容器有明确宽度；若父容器宽度为 0（比如没设width或flex未生效），图片照样不显示 - 推荐写法：
<image style="width: 100%; height: 200rpx;" mode="aspectFit" src="{{url}}" />—— 宽度用百分比适配，高度用固定 rpx 防止塌陷 - 动态图宽高？别依赖 JS 获取图片尺寸再 setData，延迟大、体验卡；改用
bindload回调 +wx.getImageInfo预加载，但只在必要时（如瀑布流）才这么做
WXSS 的 background-image 不能直接填 HTML 路径
HTML 中 style="background-image: url(./img/bg.png)" 在小程序里大概率失败，因为 WXSS 不支持相对路径引用本地资源，只接受网络地址或 base64，而且路径必须是合法的静态资源路径（即项目根目录下的 static/ 或 assets/ 下）。
容易踩的坑：
- 把 HTML 的
./images/logo.png直接复制进 WXSS 的background-image，结果真机白屏、开发者工具报 “invalid resource” - 用
../../回退路径，在小程序里一律无效 —— WXSS 的路径解析不走文件系统，只认项目根目录起始的绝对路径 - 网络图加了
https://却忘了服务器开了 CORS？小程序会静默失败，控制台可能连 error 都不抛
实操建议：
- 本地背景图统一放
/static/bg.png，WXSS 写background-image: url('/static/bg.png'); - 必须用变量控制背景图？改用
<image>组件 +position: absolute模拟，更可控 - 临时调试可用 base64，但别上线 —— 大图 base64 会让 WXSS 文件膨胀，首次加载变慢
height 就消失，以及 WXSS 路径必须以 / 开头且不能带 ../。这两点不手动验证一次真机，光看模拟器很容易漏掉。 
