                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

该题中<ul>、<li>中的display:inline有什么区别，各有什么作用？

如题！.container ul{}中，去掉display:inline，感觉没有什么影响；而li里面，去掉display:inline的话， 1 2 3 就不在同一行了。这是为什么呢？

Gemmy

2016-09-13

源自：初识HTML(5)+CSS(3)-升级版 15-6

关注问题我要回答

1067

操作

收起

3 回答

慕粉3698897 回答被采纳 +3 积分
2016-09-13

你把<ul>标签里的东西在复制粘贴一份，改变ul的display：inline，就看的到区别了；inline是内联元素，表现为宽高不可以设置，不会另起一行。display：block是块级元素，表现为宽高可以设置，每出现一个块级元素都会另起一行开始。ul和li都是默认的块级元素，所以默认都会另起一行，你把他们的display重写成inline，他们就在一行了

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

收起回答

Gemmy 提问者

试过了，ul里面，去掉display:inline，确实没变化

2016-09-13 回复有任何疑惑可以回复我~

慕粉3698897 回复 Gemmy 提问者

我的意思是你多复制几个ul标签，ul多了，你才能看出来它有没有另起一行： <ul> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> </ul> <ul> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> </ul>

2016-09-13 回复有任何疑惑可以回复我~

慕粉3698897 回复 Gemmy 提问者

2016-09-13 回复有任何疑惑可以回复我~