怎样使网页设计中的css盒子内容居中?

html-css022

怎样使网页设计中的css盒子内容居中?,第1张

网页设计中的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>

用padding值,或margin值

.advice_a{

width:59px

height:21px

padding-top:32px

background:url("cai.png") no-repeat 0 0

}

p{

width:59px

height:21px

line-height:21px

text-align:center

font-size:12px

margin:0

}

<div class="advice_a">

<p>数据</p>

</div>

顶和踩的写法类似,换个背景就行了