web开发一--------让页面居中
web开发第一步就是做好布局首先当然是要让页面居中 修改协议为新建一个div 作为页面的容器 把页面内容放在center div中可以居中显示 让div的style为 如下 可让页面居中: #center { max-width:1140px; min-width:960px; marg
·
web开发第一步就是做好布局
首先当然是要让页面居中
修改协议为
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
新建一个div 作为页面的容器
<body>
<div id="center">
把页面内容放在center div中可以居中显示
<hr>
</table>
</div>
</body>
让div的style为 如下 可让页面居中:
<style type="text/css">
body{text-align:center}
#center {
max-width:1140px;
min-width:960px;
margin:0pt auto;
}
#center {
width:910px;
min-width:800px;
}
</style>
完整代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>web</title>
<style type="text/css">
body{text-align:center}
#center {
max-width:1140px;
min-width:960px;
margin:0pt auto;
}
#center {
width:910px;
min-width:800px;
}
</style>
</head>
<body>
<div id="center">
把页面内容放在center div中可以居中显示
<hr>
</table>
</div>
</body>
</html>
IE6,IE7,IE8中均可使用
效果图:
更多推荐
已为社区贡献5条内容
所有评论(0)