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

为什么对.container父元素进行居中操作，而不是对ui li

<style>

.container{text-align:center;}

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

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

</style>

父元素不是div 不能用text-aiign:center 为什么对它居中而不是对ul li操作

Onlysupcarry

2016-08-04

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

关注问题我要回答

1592

操作

收起

3 回答

爱逗猫的鱼回答被采纳 +3 积分
2016-08-05

如果被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置 text-align:center 来实现的。(父元素和子元素：如下面的html代码中，div是“我想要在父容器中水平居中显示”这个文本的父元素。反之这个文本是div的子元素 )

在15-1里面有

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

收起回答

Onlysupcarry 提问者

非常感谢！

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

宝慕林4476846

但是你并没有把div设置为行内元素啊，怎么能够直接用text-align:center呢

2016-08-15 回复有任何疑惑可以回复我~

虔婆
2016-08-04

这个问题非常好，坐等高端回答

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

收起回答

Kevin3764939
2016-08-04

因为text-align:center属性是针对其子元素而言的，ul li作为.container的子元素，所以应该对.container定义text-align:center。

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

收起回答

Onlysupcarry 提问者

为什么是针对子元素呢

2016-08-04 回复有任何疑惑可以回复我~

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1226960 人
解答问题 18247 个

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

进入课程

本课相似问答

1 回答对行内元素设置水平居中时，必须要是父元素吗？

4 回答请问这个块元素水平居中是相对于浏览器还是相对于父元素？

2 回答为什么父元素的position是relative，而子元素的是absolute，而不是反过来？

4 回答父元素和水平居中

1 回答水平居中是给父元素的

搜索更多本课相关问答

为什么对.container父元素进行居中操作，而不是对ui li

我要回答关注问题

热搜

最近搜索清空

为什么对.container父元素进行居中操作，而不是对ui li

3 回答

本课相似问答

为什么对.container父元素进行居中操作，而不是对ui li