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>
====================================
 

css自适应宽度 多种方法实现宽度自适应的水平居中

当父元素和子元素都没有定义宽度的情况下实现水平居中:  display:inline-block  可以使用text-align:center和display:inline-block相结合,...
  • iso_wsy
  • iso_wsy
  • 2016年06月16日 17:02
  • 1977

Div在设置了浮动的情况下水平居中

div为浮动后再去添加margin:auto
  • caohoucheng
  • caohoucheng
  • 2017年06月08日 14:12
  • 1846

如何实现浮动元素水平居中

浮动元素如何水平居中?margin:0 auto为什么不起作用?其实方法很简单,只需要在浮动元素外面再嵌套一层div,使嵌套的div宽度为浮动元素宽度之和,即可实现真正的水平居中。...
  • renxinzhewudi
  • renxinzhewudi
  • 2017年02月19日 16:02
  • 4243

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

#jiuye{ position:absolute; left:16px; top:129px; width:600px; height:540px; z-inde...
  • guoquanyou
  • guoquanyou
  • 2012年09月13日 11:31
  • 8538

JS实现-DIV自动居中代码

其实想让整个DIV盒子在页面实现自动居中非常简单,只需要一小段JS代码代码就可以实现。有时候我们做页面效果也好,做程序功能的开发也好。只要思路理清楚了,相信做起来会非常的得心应手。   下面就跟大家...
  • yuzhongkai
  • yuzhongkai
  • 2016年03月20日 00:06
  • 408

css 文字自动换行并垂直居中div效果

一个学习使用的笔记实例,用纯css 实现css 文字自动换行并垂直居中div效果,这样就像表格一样可以实现不管多少内容都可以居中显示了哦。 ...
  • a657941877
  • a657941877
  • 2013年06月21日 12:39
  • 4413

DIV完全居中

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

div+css文本水平垂直居中,兼容ie、谷歌等浏览器

  • 2012年12月06日 15:21
  • 2KB
  • 下载

绝对居中div

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

图片居中到div中显示

  • 2013年01月08日 17:54
  • 2KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:div自动居中
举报原因:
原因补充:

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