问答详情
源自:10-1 编程挑战

菜鸟一枚,问个问题哦

#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,去掉后,元素之间的间距变大了为什么啊

提问者:浅夏诗韵 2015-12-02 12:15

个回答

  • 李晓健
    2015-12-02 12:41:52
    已采纳

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

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

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