上一篇:Drupal 7: 用户角色、权限的函数、变量及数据库表
下一篇:Google企业邮箱管理面板登录网址链接
实现DIV居中布局的方法
米娅 2013年3月4日 11:25:26

第一种方法

摘抄总结一段:

body {TEXT-ALIGN: center;}
#center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; }

说明:
首先在父级元素定义TEXT-ALIGN: center;这个的意思就是在父级元素内的内容居中;对于IE这样设定就已经可以了。但在

mozilla中不能居中。解决办法就是在子元素定义时候设定时再加上“MARGIN-RIGHT: auto;MARGIN-LEFT: auto; ”

另外要申明:

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.1//EN"   "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

我原以为把position定义为absolute,然后定义MARGIN-RIGHT: auto; MARGIN-LEFT: auto; 就可以了,可是经常不好用。可能

是少了这一句: body {TEXT-ALIGN: center;} 或者申明。没功夫去专门测试,不知道是不是正确。

第二种方法,我刚用,在IE和Firefox上很好用。直接写在div的style里即可:

margin-left:50%;  left:-(div的宽度)/2;

以我的理解,把用margin-left让div的左边居中,然后可以用left的值左右移动div. 



2楼 2013年7月22日 16:16:02 米娅

上面是对应 position: absolute 的情况,如果是relative, 则用: margin: 0 auto;

第1页 共1页
相关链接