display:inline-block 什么时候会显示间隙？

【概念释义】

display: inline-block 是 CSS 中一种混合定位模式，它让元素同时具备行内元素（inline）和块级元素（block）的特性：元素本身不独占一行（像行内元素），但可以设置宽高、内外边距（像块级元素）。

核心作用：实现水平排列的块级元素布局，常用于导航栏、卡片列表、图标+文字组合等场景。

通俗解释：inline-block 元素就像“能设置尺寸的文本”，它们之间会像文字一样保留空白符（空格、换行、Tab）产生的间隙。

【基础使用】

基本语法：display: inline-block;

核心规则：