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

为什么text-align:center 作用的对象是div而不是li？

text-align:center 应该作用于被设元素的父元素，比如<p>文本</p>，要使“文本”居中，我们就要对其父元素即p设置text-align:center ，所以这里要对123进行居中设置，不应该是设置123的父元素即li为text-align:center 吗？

Gaberial

2018-07-29

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

关注问题我要回答

1814

操作

收起

4 回答

随心183
2019-07-11

你说的意思是在单独在li标签里面加入text-align：center;此时因为li标签是块级标签，文本123应该是垂直且不再一行上(因为是3个li块级元素)，文本123不是横向在一行上居中，案例中使用的是先将ul,li块级元素转换为行内标签，在通过div元素加入text-align:center;使之居中，这样文本123都是在行内标签里面，都可以在一行上居中

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

smallseapig
2018-08-04

应该说li，ul都继承父类吧，然后根据权值，contain ul的权值是11，除却继承父类contain的属性，重新修改了ul需要的属性，再者，在li处虽然说权值也是11，不过根据就近原则，除却继承父类contian ul的属性，另外修改了li需要的属性。。。。

你可以试试把class = "contain"加到ul里，会发现运行结果跟删除contain ul的声明是一样的

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

柒_分
2018-07-31

习题是死的，人是活的，自己用软件编写试试。你的方法应该没错

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

Gaberial 提问者
2018-07-29

即使不是li，那也应该设置ul，最后效果也是一样的。但是为什么习题中却是设置div呢？？div是ul的父元素，但是我们要设置居中的不是ul，而是li即123啊

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

举报

0/150

提交

取消

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

参与学习 1226028 人
解答问题 18236 个

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

本课相似问答

4 回答text-align:center; 不起作用啊

2 回答为什么text-align:center可以使div文本居中

2 回答定宽块状元素，text-align:center为何还是起作用？

5 回答text-align:center

6 回答为什么text-align:center不能居中了

搜索更多本课相关问答

为什么text-align:center 作用的对象是div而不是li？

我要回答关注问题

意见反馈帮助中心 APP下载