塊狀元素用text-align:center設(shè)置居中不起作用嗎，那為什么15-1中div起作用了嘛，div難道不是塊狀元素？請(qǐng)看下面代碼（或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>
2016-05-25
樓上正解，我剛實(shí)驗(yàn)過(guò)，text-align只是讓文字元素居中，margin：auto是讓整個(gè)邊框加文字居中
2015-09-08
你弄混了，text-align是讓塊狀里面的元素（比如文字）居中或者上下移。
而這個(gè)margin是直接讓塊狀 居中
2015-08-25
塊狀是起作用的,行內(nèi)元素是不起作用的.
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>
你跑一下這段代碼，應(yīng)該就明白了
2015-08-24