关于“display:inline-block"
来源：4-5 企业网站页码制作
菜呆米子
2016-06-09 10:21
当我加了“display:inline-block"后
当我去掉“display:inline-block"后
为什么加了“display:inline-block"a标签的padding上下会增大？？？
写回答
关注
1回答
-
- 猫和树袋熊
- 2016-06-09 21:40:45
你的问题好像跟各大浏览器的兼容性有关，我所知道的不多，只能告诉你这些：
display:inline-block的意思是将a标签转换为内联块状元素。内联块状元素拥有内联元素和块状元素的某些特点。
详细情况请看HTML+CSS基础课程。
你要了解为什么转换为内联块状元素的a标签的padding内间距会增大，首先要了解各大浏览器的兼容问题。
就好比为什么很多源代码的span a标签会写在a标签的前面，因为在360浏览器中span a标签写在a标签的后面的话显示出来的效果是span a标签的内容在a标签的内容后面，但是在IE浏览器中，span a标签的内容和a标签完全不在同一行，所以很多代码的span a标签写在a标签的前面
抱歉，话有点多。
企业网站综合布局实战
本课程重点介绍HTML/CSS实现常见企业网站布局的方法
157042 学习 · 1984 问题
相似问题