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

块状元素用text-align:center设置居中不起作用吗，那为什么15-1中div起作用了嘛，div难道不是块状元素？请看下面代码（或15-1代码）

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8">

<title>定宽块状元素水平居中</title>

<style type="text/css">

div{border:1px solid red;margin:20px;}

div{text-align:center;}

</style>

</head>

<body>

<div class="txtCenter">我是文本，哈哈，我想要在父容器中水平居中显示。</div>

<div class="imgCenter"><img src="http://img1.sycdn.imooc.com//52da54ed0001ecfa04120172.jpg" /></div>

</body>

</html>

孤行者andy

2015-08-24

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

关注问题我要回答

32436

操作

收起

5 回答

一个人的寂静时光
2016-05-25

楼上正解，我刚实验过，text-align只是让文字元素居中，margin：auto是让整个边框加文字居中

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

慕后端0261656
2015-09-08

你弄混了，text-align是让块状里面的元素（比如文字）居中或者上下移。

而这个margin是直接让块状居中

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

uhelper_net
2015-08-25

块状是起作用的,行内元素是不起作用的.

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

qq_听说_0
2015-08-25

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8">

<title>定宽块状元素水平居中</title>

<style type="text/css">

.txtCenter{border:1px solid red;text-align: center;}

.imgCenter{text-align: center;}

</style>

</head>

<body>

<div class="txtCenter">

<div class="noCenter" style="width:100px;height:100px;border:1px solid blue"></div>

</div>

<div class="imgCenter">

<div>

<img src="http://img1.sycdn.imooc.com//52da54ed0001ecfa04120172.jpg" />

</div>

</div>

</body>

</html>

你跑一下这段代码，应该就明白了

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

qq_听说_0
2015-08-24

跑了一下你的代码，你说的是这样的居中吗

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

#1

孤行者andy 提问者

对呀！

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

#2

qq_听说_0 回复孤行者andy 提问者

那哪里有问题呢？

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

#3

孤行者andy 提问者回复 qq_听说_0

15-2章说块状元素用text-align:center设置居中不起作用，但是上面代码中不是起作用了吗

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

查看2条回复

举报

0/150

提交

取消

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

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

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

本课相似问答

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

4 回答块状元素时用 text-align：center 就不起作用了吗？

1 回答当元素是块状元素时，text-align：center是起作用的，为什么讲解上说不起作用？

1 回答块状元素居中设置

3 回答div不是块状元素标签吗？为什么行内元素设置居中文本前面是div标签？

搜索更多本课相关问答

块状元素用text-align:center设置居中不起作用吗，那为什么15-1中div起作用了嘛，div难道不是块状元素？请看下面代码（或15-1代码）

我要回答关注问题

意见反馈帮助中心 APP下载