新闻动态
CSS页面横向居中的三种方法
https://www.sytm.net 发布日期:2010/6/1 8:43:41

一、margin:0 auto;

如果在IE里没有居中,检查下是否遗漏了DTD声明:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

二、margin-left:50%;
              left: -480px;

注意,上面left: -480px;中的480是是根据DIV的宽度而定的。比如说div的宽度是960px,那么left:-这里要设置的数值就是DIV的一半,就是960除以2而得出的480px。

三、body {text-align: center;}

这个方法需要点辅助,因为页面里的文字也都变居中了,需要在DIV里设置text-align: left;让字左对齐。

更多阅读
返回列表
© 2010 TianMei Technology All rights reserved. ICP:辽B2-20150138辽公网安备 21010202000010号  目录概览