在父级元素定义TEXT-ALIGN: center;这个的意思就是在父级元素内的内容居中；对于IE这样设定就已经可以了。但在mozilla中不能居中。解决办法就是在子元素定义时候设定时再加上“MARGIN-RIGHT: auto;MARGIN-LEFT: auto; ”

于是通常页面头部CSS写法如下

CSS代码
  1. *{margin: 0;padding: 0; border:0;} //使所有元素默认的内外补丁宽度为0，图片的边宽为0
  3. body{
  4. text-align:center;//使IE中BODY的子元素都居中
  5. background-color:#F2F3F7;//设置页面背景
  6. font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:12px;color:#444;font-weight:normal;//设置页面默认的字体，字大小，字颜色等
  7. }
  9. #main{
  10. margin:0 auto;//使在页面在mozilla居中，上下边距为0
  11. width:480px;//设置页面宽度
  12. text-align:left;//使MIAN的子元素都左对齐
  13. }

Also see:

  • No Related Post
Subscribe in reader