昨天我被「inline-block」坑了

事情是这样的,我在一个父元素里放了五个子元素,当我给子元素统统inline-block的时候,突然发现父元素变高了。

子元素高度在100px左右,而撑开的父元素居然有150px左右,真令人头秃~

度娘了一下,发现友军们的问题基本都是子元素之间出现了间距,原因呢是写代码时的换行导致的。

而我这个看起来只有上边距,emmmm......

后来看到有大佬讲给父元素加 line-height:0

问题解决了,但是原因没想明白,先记录一下(此处应有表情包)~

你可能感兴趣的:(昨天我被「inline-block」坑了)