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

为什么我照老师做出来的导航条左、中、右三段不在一行显示,什么原因啊,请各位高人指教!!!

为什么我照老师做出来的导航条左、中、右三段不在一行显示,什么原因啊,请各位高人指教!!!

慕函数5297628 2016-11-02 16:47:00
为什么我照老师做出来的导航条左、中、右三段不在一行显示,什么原因啊,请各位高人指教!!!
查看完整描述

4 回答

?
self_potato

TA贡献53条经验 获得超27个赞

将 li 元素浮动(li{float:left;})或设置为行内块级元素(  li{display:inline-block;}  )

ul,li{list-style:none;}//去掉默认样式显示,

使用浮动的话要清除浮动

查看完整回答
反对 回复 2016-11-03
?
duanyi00

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

我看你用的是li标签,首先先reset 

ul,li{ margin:0 ;padding:0;}

li{ list-style:none;}

如果是浮动 li {float:left;}    li a{display:block; width: height:}这样设置好,

查看完整回答
反对 回复 2016-11-02
?
彼岸誰在

TA贡献4条经验 获得超0个赞

那是你div的宽度设置的不对吧,要计算一下,如果div宽度超过了总宽度就不会在一行上显示了。若果用的是li标签那么要设置浮动float,并且最后要去除li标签的属性。(去点)

查看完整回答
反对 回复 2016-11-02
?
想做学霸的渣渣

TA贡献15条经验 获得超11个赞

你用的li标签吧

li是块级元素不管你设置的宽度是多少他都会占用一行

如果你想让他们一行设置为行内块级元素(display:inline-block)并设置宽度 或者让他浮动,使用浮动要注意最后清除浮动不然会对后面的文档造成影响

查看完整回答
反对 回复 2016-11-02
  • 4 回答
  • 1 关注
  • 2743 浏览
慕课专栏
更多

添加回答

举报

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