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

解释下面块状元素为什么使用text-align会出现居中效果

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>不定宽块状元素水平居中</title>
<style>
.container{text-align:center;}

</style>
</head>

<body>
<div class="container">
    <ul>
       <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
    </ul>
</div>
</body>
</html>

油泼裤带面

2017-04-15

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

关注问题我要回答

698

操作

收起

2 回答

学习js 回答被采纳 +3 积分
2017-04-17

因为a行内元素啊，所以继承了父级的居中属性，li并没有居中

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

#1

油泼裤带面提问者

首先div是块状元素没问题吧？然后ul也是块状元素，我试了一下将里面的链接a取消之后运行代码在页面显示的时候还是居中的，我就想知道下，text-align文本居中属性为什么可以使块状元素居中？

2017-04-17 回复有任何疑惑可以回复我~

#2

学习js 回复油泼裤带面提问者

哦，那我之前说错了。 text-align设置文本居中的，你的块状元素仍然占一行啊，你只是文本居中了啊，有什么问题？

2017-04-17 回复有任何疑惑可以回复我~

#3

学习js 回复油泼裤带面提问者

text-align文本居中属性为什么可以使块状元素居中，你的这句话想错了，你的li依然是一行，并没有居中，只是里面的文本文字居中了

2017-04-17 回复有任何疑惑可以回复我~

查看2条回复

qq_地中虎LandTiger_04048182
2017-04-15

因为爽

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

#1

油泼裤带面提问者

这样玩有意思？

2017-04-16 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

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

参与学习 1226350 人
解答问题 18240 个

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

本课相似问答

4 回答内联块状元素也不能使用text-align啊？

3 回答为什么我用 .txtCenter,{ text-align:center; } 在定宽块状元素，其会居中？

2 回答这样写没问题吧，为什么文字不能居中，前面讲text-align时说该属性用于块状元素，为什么这章开头说对块状元素没用

2 回答块状元素居中问题

1 回答块状元素居中设置

搜索更多本课相关问答

解释下面块状元素为什么使用text-align会出现居中效果

我要回答关注问题

意见反馈帮助中心 APP下载