怎样使网页设计中的css盒子内容居中？
网页设计中的css盒子内容居中，你可以先写2个div,第一个包裹着第二个，然后在设置第一个的宽高，在通过margin：0 auto；居中就行，margin的意思就是距离浏览器的外边距，如图:
这里我写段代码：
<html>
<head>
<title>网页居中</title>
</head>
<style>
#div1{
widrh:960px;
height:700px;
mrgin:0 auto;
}
#div2{
widrh:660px;
height:300px;
mrgin:0 auto;
}
</style>
<body>
<div id='div1'>
<div id='div2'>
<p>内容居中文字</p>
</div>
</div>
</body>
</html>
css盒子内容居中的方法：
css盒子内容水平居中的text-align:center ；或 margin:0 auto；
代码：
效果：
垂直居中的line-height；
代码：
效果:
绝对定位水平垂直居中，position:absolute;top:50%;left:50%;
代码：
效果：
然后给css盒子定义宽度。保证居中
已赞过
已踩过<
