a标签默认无margin，上下空隙来自父容器（如p的margin-top/bottom）或HTML换行产生的空白字符；清a的margin无效，需改父容器font-size:0、设vertical-align或消除源码换行。
为什么给 a 加 margin: 0 没用
浏览器根本没给 a 设默认 margin，真正撑开上下空隙的是它所在的父容器——比如 p 默认有 margin-top: 1em 和 margin-bottom: 1em。你单独重置 a { margin: 0; }，等于在清一个不存在的东西。
常见错误现象：
- 清了
a的 margin，链接离上一段文字还是有距离 → 是p的margin-bottom还在 - 多个
a并排时中间有小缝 → 不是 margin，是 HTML 源码里换行符被渲染成空格 - 链接文字上下“浮”着，不贴边 → 是
line-height或vertical-align在起作用
font-size: 0 是最稳的间隙清除法
行内元素（包括 a）之间的空隙，本质是空白字符（换行、空格）被当作一个文本节点渲染出来，而它的宽度由父容器的 font-size 决定。设为 0，这个“空格”就没了。
实操要点：
立即学习“前端免费学习笔记（深入）”；
- 给
a的直接父容器加font-size: 0; - 再给每个
a单独设回字体大小，比如font-size: 16px; - 如果父容器里还有其他文本（比如说明文字），得单独给它们恢复字号，不能只靠继承
- 旧版 Chrome 有最小字号限制，可加
-webkit-text-size-adjust: none;防止回弹
示例：
.link-group { font-size: 0; }
.link-group a { font-size: 14px; vertical-align: middle; }
vertical-align 和 line-height 必须一起调
当 a 和图片、span 或其他行内元素混排时，baseline 对齐会自动留出下降部空间（比如字母 g、y 的尾巴下方），造成视觉空隙。
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
关键参数组合：
-
vertical-align: middle;或top;—— 直接切断 baseline 依赖 -
line-height: 1;或line-height: normal;—— 避免像素值卡死高度 -
padding: 0;—— 有些旧版 Safari 会给a加默认padding -
box-sizing: border-box;—— 后续加border时不意外撑高
注意：display: inline-block; 的 a 若没设 vertical-align，默认就是 baseline，90% 的“莫名空隙”都出在这儿。
静态 HTML 和动态插入的间隙表现为什么不同
JQuery 用 $().html(`<a>1</a><a>2</a>`) 动态插入时没空隙，是因为字符串里没换行；但手写 HTML 时为了可读性换行，就会生成空白文本节点。
两种可靠应对方式：
- 静态写法：把所有
a写在同一行，或用注释连接：<a>1</a><!-- --><a>2</a> - CSS 统一处理：坚持用
font-size: 0+ 子元素恢复字号，不依赖源码格式
别用 * { margin: 0; padding: 0; } 通配重置——它会让 textarea、button 等控件热区缩水，排查时反而更难定位哪个祖先元素在“偷偷撑开”空隙。
