HTML排版间隙主因是源码空白符被解析为文本节点,非CSS错误;inline-block间隙用font-size:0或flex/gap解决,p标签间距改margin而非line-height,表单用gap替代margin,中文标题慎用letter-spacing。

HTML排版间距问题大多不是CSS没写对,而是你没意识到空白符、默认样式和布局模型之间的隐式交互——直接改CSS往往治标不治本。
inline-block元素间4px间隙怎么秒杀
这不是bug,是HTML解析器把换行符当成了空格文本节点。哪怕你写了margin: 0、padding: 0,间隙照旧。
- 最稳的现场急救:给父容器加
font-size: 0,再给子元素单独设font-size(否则文字消失) - 结构允许时,改用
display: flex——gap可控、无间隙、天然支持对齐 - 不想动CSS?把HTML写成一行:
<div class="item"></div> <div class="item"></div>,或用注释“吃掉”空白:<div class="item"></div>



















