为了账号安全,请及时绑定邮箱和手机立即绑定

inline-block 为什么把父元素的font-size置为0就消除了空格?

inline-block 为什么把父元素的font-size置为0就消除了空格?

函数式编程 2019-03-19 17:19:39
这里的空格也是一个font吗,话说inline-block产生空格的原因是什么?标签之间的空格?标签之间只有换行吧,浏览器会把换行解析成空格?
查看完整描述

3 回答

?
饮歌长啸

TA贡献1951条经验 获得超3个赞

去除inline-block元素间距的N种方法

凡是跟css贴边的问题,可以优先去张鑫旭博客和w3cPlus里搜一下,能搜到就先看着,不懂的再问。


查看完整回答
反对 回复 2019-04-04
?
小怪兽爱吃肉

TA贡献1852条经验 获得超1个赞

行内元素的基线在作怪。行内元素display: inline; 它与文本的默认行为类似,下边缘是与基线对齐,而不是紧贴容器下边缘,将fontsize设置为0就可以了。
为什么会产生空白

查看完整回答
反对 回复 2019-04-04
?
慕妹3146593

TA贡献1820条经验 获得超9个赞

我不确定产生空格的原因是不是换行符,但是去掉换行符确实可以避免这个问题,比如以下这段代码:


<a href="">test1</a>

<a href="">test2

</a><a href="">test3

</a><a href="">test4</a>

<a href="">test5</a>

我把a元素都设置成了inline-block,这时候test2,test3,test4之间是没有间距的。。。


查看完整回答
反对 回复 2019-04-04
  • 3 回答
  • 0 关注
  • 1207 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信