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

菜鸟一枚,问个问题哦

#tabs ul li{float:left;background:#fff;cursor:pointer;list-style:none;height:28px;line-height:28px;margin:0 10px;border:1px #aaa solid;border-bottom:none;display:inline-block;}

问题一:这段代码里面已经设置了float:left,为什么还要设置display:inline-block;这两个设置的目的不都是让元素在一行显示吗?

问题二:把float:left,去掉后,元素之间的间距变大了为什么啊

正在回答

1 回答

1、其实设了float:left  没有必须要再设置 display:inline-block,

2、去掉了float  空隙变大是因为有隐藏空格造成的间隙(其实是基线造成的)。解决方法是给ul设置font-size:0   或者是把所有的li放在一行,别一行写一个。

去查查资料看看css基线的相关知识。

0 回复 有任何疑惑可以回复我~
#1

浅夏诗韵 提问者

非常感谢!
2015-12-02 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
JavaScript进阶篇
  • 参与学习       468061    人
  • 解答问题       21891    个

本课程从如何插入JS代码开始,带您进入网页动态交互世界

进入课程

菜鸟一枚,问个问题哦

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信