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

.container ul{...}这一行的display:inline实现的是什么实际效果啊？

.container{text-align:center}

.container ul{list-style:none;display:inline;margin:0;padding:0;}

.container li{display:inline;margin-right:8px;}

19921009ab

2016-05-16

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

关注问题我要回答

169

操作

收起

2 回答

慕斯卡3836492
2016-07-02

这两个回答都没答到点子上。首先text-align：center是使块级元素的内部行级元素居中。但是ul是块级元素，那么先用.container ul{display:inline}使ul成为行级元素，先对div设置text-align：center，使ul水平居中

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

收起回答

黑色丶毛衣
2016-05-16

ul是块级元素

.container ul{...}这一行的display:inline将该ul元素转化为内联元素

你在</ul>标签的后面加一点文字，然后将display:inline删除再加上就能对比出效果了！

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

收起回答

0/150

提交

取消

初识HTML(5)+CSS(3)

参与学习 1231841 人
解答问题 19087 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

本课相似问答

2 回答div是块状元素，为什么不能用display:inline-block;来实现效果

3 回答能不能看一下实际效果？

3 回答第二张效果图是怎么实现的

2 回答这行代码不是让div1，div2并排的嘛，怎么我实现不了这种效果啊？

4 回答不加}为什么能实现效果

搜索更多本课相关问答

.container ul{...}这一行的display:inline实现的是什么实际效果啊？

我要回答关注问题

热搜

最近搜索清空

.container ul{...}这一行的display:inline实现的是什么实际效果啊？

2 回答

本课相似问答

.container ul{...}这一行的display:inline实现的是什么实际效果啊？