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

求大神指教

http://img1.sycdn.imooc.com//567ab821000148bb07270380.jpg我想做一个简单的导航栏,这是第一次做出来的,三个块之间有缝隙。

567ab89e0001167905000224.jpg

567ab89e00013d1805000223.jpg这是后两次做出来的。自己没明白,别处看到,自己写的。为什么把<li>元素改为{display:inline;},<a>元素向左浮动就没有间隙了?还有,第三张图里,把<a>元素改为{display:block;},<li>向左浮动,效果一样。这是为啥呢?求大神指点一下,不胜感激


正在回答

1 回答

display:inline;将其元素设置成行内元素,就是会显示在同一行
display:block;将其元素设置成块级元素


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

天窗的蚂蚁 提问者

display这个我明白,我不明白的是为什么第二和第三掌图中,没有间隙了?在第一幅图中,line one和line two之间有间隙
2015-12-25 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
导航条菜单的制作
  • 参与学习       123899    人
  • 解答问题       813    个

水平、垂直、圆角导航条菜单,让您的技术探索之路更高效

进入课程

求大神指教

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