事情是这样的,我在一个父元素里放了五个子元素,当我给子元素统统inline-block的时候,突然发现父元素变高了。
子元素高度在100px左右,而撑开的父元素居然有150px左右,真令人头秃~
度娘了一下,发现友军们的问题基本都是子元素之间出现了间距,原因呢是写代码时的换行导致的。
而我这个看起来只有上边距,emmmm......
后来看到有大佬讲给父元素加 line-height:0
问题解决了,但是原因没想明白,先记录一下(此处应有表情包)~
事情是这样的,我在一个父元素里放了五个子元素,当我给子元素统统inline-block的时候,突然发现父元素变高了。
子元素高度在100px左右,而撑开的父元素居然有150px左右,真令人头秃~
度娘了一下,发现友军们的问题基本都是子元素之间出现了间距,原因呢是写代码时的换行导致的。
而我这个看起来只有上边距,emmmm......
后来看到有大佬讲给父元素加 line-height:0
问题解决了,但是原因没想明白,先记录一下(此处应有表情包)~
本文标题:昨天我被「inline-block」坑了
本文链接:https://www.haomeiwen.com/subject/dedgrqtx.html
网友评论