如何用CSS限定网页宽度,又如何让一个DIV在网页当中居中呢?

html-css029

如何用CSS限定网页宽度,又如何让一个DIV在网页当中居中呢?,第1张

用CSS限定网页宽度,又让一个DIV在网页当中居中,这里需要理解的是一个页面的内容区域,就是body,我们就是通过给body来设置一个宽度,来做限制,至于DIV的居中,首先是需要给这个div一个宽度和高度,然后在使用margin去做,margin的用法,如图:

具体的实现看代码:

<html>

<head>

body{

width:960px       //限定网页的宽度

}

#div1{

width:200px

height:600px

margin:0 auto 

boreder:1px solid #f00     //加个边框利于观察

}

</head>

<body>

<div id='div1'>

我会居中

</div>

</body>

</html>

/*只固定一个尺寸,width或height 都可以,大小的话自己合适就行。*/

<img style="width:300px" src="aa.jpg" />