昨天我被「inline-block」坑了

2019-01-09  本文已影响0人  Sissi雨曦

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

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

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

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

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

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

上一篇 下一篇

猜你喜欢

热点阅读