initial-letter-align 不存在，浏览器不支持；首字基线对齐需用 initial-letter 的第二个参数（如 3 2）或降级为 ::first-letter + margin-top 手动微调。
initial-letter-align 根本不存在，别被误导
浏览器目前（截至2026年5月）**不支持 initial-letter-align 这个 CSS 属性**。它既不在 CSS Inline Layout Module Level 3 正式草案中，也未被任何主流引擎（WebKit、Blink、Gecko）实现。你在 DevTools 里搜不到它，写上去会被直接忽略，连警告都不会报。
想调首字基线？只能靠 initial-letter 的第二个参数 + 手动微调
initial-letter 确实能影响下沉位置，但它的对齐逻辑是隐式的：第一个值控制“占几行”，第二个整数值（可选）控制“下沉深度”，即首字底部对齐到第几行的基线。例如：
p::first-letter {
initial-letter: 3 2; /* 占3行高，但底部对齐到第2行基线 */
}
这个 2 就是实际起“基线锚点”作用的参数——但它不是独立属性，不能单独设置。常见误区包括：
- 误以为
initial-letter: 3等价于initial-letter: 3 3：其实后者更“沉”，前者默认按字体度量自动推算，不同字体下结果可能差半个字高 - 在中文段落里盲目套用英文经验：思源黑体和“苹方”对
initial-letter: 3 2的渲染偏移可能相反，必须实测 - 忽略父元素
line-height：该值是initial-letter计算的基准，设成1.6和1.8会导致下沉位置明显偏移
真要精细控基线，initial-letter 不够用，得切回 ::first-letter + margin-top
当 initial-letter 在 Safari/Chrome 里仍出现首字上浮或截断（尤其用 Noto Sans CJK 或某些免费字体时），唯一可靠路径是降级并手动调：margin-top 是最直接的基线补偿手段。
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
关键点：
-
margin-top: -0.15em比vertical-align更稳定，后者在 flex/grid 容器里常失效 - 必须配合
float: left和line-height: 0.7，否则margin-top会把整行往下拉 - 中文字体 baseline 差异极大：“HarmonyOS Sans”通常需
-0.1em，“微软雅黑”可能要-0.22em，没有通用值
兼容性现实：别为基线对齐赌 initial-letter
即使你调通了 initial-letter: 3 2 在 Chrome 120 里的表现，Firefox 用户看到的仍是普通首字，旧版 Safari 用户看到的是错位放大字——因为 initial-letter 的第二个参数在 Safari 16.4 到 17.3 之间存在解析 bug，会把 3 2 当成无效值退回到 3。
真正上线项目里，基线对齐这种细节，往往得靠服务端预处理 HTML（比如把首字单独包一层 <span class="dropcap">春</span>），再配独立 class 控制定位。伪元素方案在动态内容、SSR、多语言混排场景下，失控是常态，不是例外。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
