网页设计中的css盒子内容居中,你可以先写2个div,第一个包裹着第二个,然后在设置第一个的宽高,在通过margin:0 auto;居中就行,margin的意思就是距离浏览器的外边距,如图:
这里我写段代码:
#div1{
widrh:960px;
height:700px;
mrgin:0 auto;
}
#div2{
widrh:660px;
height:300px;
mrgin:0 auto;
}
内容居中文字
css盒子内容居中的方法:
css盒子内容水平居中的text-align:center ;或 margin:0 auto;
代码:
效果:
垂直居中的line-height;
代码:
效果:
绝对定位水平垂直居中,position:absolute;top:50%;left:50%;
代码:
效果:
*{margin: 0 auto; padding:0}
然后给css盒子定义宽度。保证居中
margin:0 auto;在最大的div上写这个试试