inline、block、inline-block 可验证差异

观察盒子是否换行、指定宽高是否生效、元素之间是否出现源码空白间隙。

1. 同样设置 width / height

inline block inline-block
普通 inline 不按指定宽高布局 block 换行并可设置尺寸 inline-block 可同行也可设置尺寸

2. inline-block 源码空白间隙

有换行/空格

A B

父级 font-size: 0

A B

3. 浏览器实测数据

4. 控制台同款日志