div自动居中

原创 2007年09月30日 11:16:00
自己做的页面中用到了div,position又设置为了absolute,页面在1024*768分辨率下是没问题的,但换个2048*1096就顶到左上角去了,怎么居中呢?研究了一下,找到种可行的方法。只有在原来基础上稍加改动就行,还是比较理想的。首先要定义两个style,设置好页面属性,然后就是给绝对位置的div外面套两层div,类似
=====================================
<html>
<body>
<head>
<style type="text/css">
     body {     
     background-repeat: repeat-x repeat-y;
     background-position: left top;
     text-align:center;
     }
   .container{
     margin-left:auto;
     margin-right:auto;
     width:738px;
    }
    .layer0{
     position: relative;
     width: 738px;
     height: 40px;     
    }
 </style>
  </head>
<body>

<div id="container" class="container">
<div id="layer0" class="layer0">
***********your code here****************
</div>
</div>

</body>
</html>
====================================
 

相关文章推荐

jQuery弹出Div窗口居中显示、滚动跟随、关闭按钮以及几秒后自动消失

#jiuye{ position:absolute; left:16px; top:129px; width:600px; height:540px; z-inde...

DIV完全居中

  • 2013年07月02日 10:48
  • 527B
  • 下载

jQuery设置div居中及实现遮罩层

jquer设置div居中级实现遮罩层 这里主要讲遮罩层 web前端开发,写网站静态页面时经常遇到些遮罩层和设置div(物体)居中。 这里又我自己写的一个实例,提供参考。 一、效果图 效果图1: ...

绝对居中div

  • 2008年04月17日 00:49
  • 897B
  • 下载

图片居中到div中显示

  • 2013年01月08日 17:54
  • 2KB
  • 下载

jquery - 获取浏览器窗口高度 和 div居中显示

jquery获取浏览器窗口高度

div中多行文字垂直居中

  • 2016年07月21日 14:16
  • 678B
  • 下载

Div使用margin居中常见问题

  • 2014年04月30日 16:07
  • 2KB
  • 下载

纯css实现div中未知尺寸图片的垂直居中

1.淘宝的方法 在曾经的"淘宝UED招聘"中有这样一道题目: “使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。” 当然出题并不是随意,而是有...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:div自动居中
举报原因:
原因补充:

(最多只允许输入30个字)