inline-block为什么有4px的空隙

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好, 因为inline-block元素会在一行显示, 但是由于html文件中标签之间存在换行, 导致浏览器解析的时候,会将html文件中的换行解析成4px的空白间距。

http://img1.sycdn.imooc.com//climg/5d678f340001060112160424.jpg

老师视频中也说了, 他就用最笨的一个解决方案, 删除html结构中li标签之间的换行, 浏览器解析的时候就不会存在4px的间隙了

http://img1.sycdn.imooc.com//climg/5d678fdd0001ac3911180222.jpg

综上所述, inline-block标签之间如果存在换行(不管有几个换行),浏览器解析的时候,默认元素之间存在4px的空白间距

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~

  • JJJustin 提问者 #1
    给ul设置font-size:0 能解决这个空隙吗
    2019-08-29 17:00:29
  • 好帮手慕慕子 回复 提问者 JJJustin #2
    同学你好, 是的, 也是可以解决的, 编程是很灵活的,一种效果可以有多种实现方式哦, 祝学习愉快~~~
    2019-08-29 18:49:00
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师