display: inline-block 是分页按钮的常见选择，因其支持并排排列、宽高设置且不脱离文档流，兼容ie8+；但需处理换行间隙，常用 font-size: 0 或无空格html解决。
为什么 display: inline-block 是分页按钮的常见选择
因为分页按钮需要并排排列、支持宽高设置，又得保持文档流内布局 —— float 会脱离流、flex 在老浏览器兼容性差，而 inline-block 兼顾可控性和兼容性（IE8+ 均支持）。但它自带“换行间隙”，这点必须处理。
如何消除 inline-block 按钮间的空白缝隙
这是最常踩的坑：HTML 中按钮标签间的换行或空格会被渲染成约 4px 的空白间隙，导致按钮无法紧密排列。
- 在父容器上设置
font-size: 0，子元素内再重设字体大小（如font-size: 14px） - 或把 HTML 中的按钮写成无换行格式：
<span>1</span><span>2</span><span>3</span> - 不推荐用
letter-spacing: -4px，易误伤文字内容
margin 控制间距时的关键细节
用 margin 隔开按钮比用 padding 更合理，因为它是按钮之间的“呼吸感”，不影响点击区域本身。
