這個width：200是居中顯示的，但是修改為500就沒有作用了是為啥
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>定寬塊狀元素水平居中</title>
<style>
div{
??? border:1px solid red;
?? ?
?? ?width:200px;
?? ?margin:30px auto;
}
</style>
</head>
<body>
<div>我是定寬塊狀元素，我要水平居中顯示。</div>
</body>
</html>
2016-09-02
因?yàn)槟憔又械氖悄莻€框框，也就是盒子，不是文字的居中，文字也要居中要用text-align：center，就會文字居中了
2016-09-28
可以居中啊 。我這里可以啊
2016-08-24
div{
? ? border:1px solid red;
text-align:center; ? ? /*增加一項(xiàng)針對文字的*/
width:500px;
margin:20px auto;
}
原來的代碼是針對于塊元素來定義的,對塊內(nèi)的文字需要增加text-align:center; ?使其塊里居中.
2016-08-21
div{
? ? border:1px solid red;
width:500px;
margin:20px auto;
}
.p{text-align:center;}
</style>
</head>
<body>
<div class="p">我是定寬塊狀元素，我要水平居中顯示。</div>
</body>
</html>
2016-08-21
這個定義是針對于定寬塊狀元素來定義的，在這個文本中也就是針對<div>來進(jìn)行居中顯示的，如果想要盒子和文字同時居中參見行內(nèi)元素居中
2016-08-17
因?yàn)槎x塊的寬度比文字寬度(大約288px)大得多，
2016-08-17
居中是說盒子居中，不是文字吧，改成500，盒子模型也是居中，200的時候是因?yàn)楹凶幽Ｐ投趟钥雌饋硐窬又辛艘粯?。我也是初學(xué)者，僅供參考哈。