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中均可使用


效果图:



Logo

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐