菜鸟级别的问题-控制div到中间

liyinle2 2010-12-16 09:56:52

想要div放在页面的中间，兼容各种浏览器，并且页面滚动的时候还在中间，期待各位帮助

...全文

151 16 打赏收藏转发到动态举报

写回复

用AI写文章

16 条回复

切换为时间正序

请发表友善的回复…

发表回复

lyl744455 2010-12-17

打赏
举报

谢谢大家的帮助

liyinle2 2010-12-17

打赏
举报

[Quote=引用 12 楼 yhtapmys 的回复:]
楼主莫非想要随滚动条的 DIV弹出窗 or 遮罩层之类滴？
[/Quote]
对的，非常想你所说的这个效果，苦于自己对这东东掌握不好啊

仲兴轩 2010-12-16

打赏
举报

[Quote=引用 5 楼 hezeyuhua 的回复:]
用margin：0 auto;就可以。但是前面必须声明这个 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml"> ……
[/Quote]

这个必需的'

hezeyuhua 2010-12-16

打赏
举报

用margin：0 auto;就可以。但是前面必须声明这个 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml"> IE下才兼容

Jack747 2010-12-16

打赏
举报

原来hezeyuhua这招才是正统招式啊！我以前都用text-align:center连同文字一起居中，然后再将文字改回原本位置

xiuyouxu 2010-12-16

打赏
举报

样式里加
position:fixed;margin:0 auto;

suchcl 2010-12-16

打赏
举报

margin：0 auto；就可以了啊。

liyinle2 2010-12-16

打赏
举报

不去顾及滚动是否在中间，能够显示在正中间也行，请大家赐教

tcmis 2010-12-16

打赏
举报

margin:auto;直接就在中间了吧，，IE、firefox,Chrome，都居中啊。

woshizhongguorenna 2010-12-16

打赏
举报

margin:0 auto

yhtapmys 2010-12-16

打赏
举报

楼主莫非想要随滚动条的 DIV弹出窗 or 遮罩层之类滴？

y2012 2010-12-16

打赏
举报

如果我理解的不错的话，假如一个div height:100px,width:200px，left:50%先把图片移动到50%宽度的位置，;margin-left:-100px把图片再往左边移动100px，从而实现了居中的效果。

liyinle2 2010-12-16

打赏
举报

[Quote=引用 8 楼 missgd152 的回复:]
把div居中，需设置左边、上边、距整个div左边、距整个div上边的距离，我这里写个小小的例子，你可以参考一下！
<div style="border:1px red solid;width:200px;height:100px;position:absolute;left:50%;top:50%;margin-left:-100px;margin-top:-50px">
div居中
<……
[/Quote]

不知道left:50%;top:50%;margin-left:-100px;margin-top:-50px；是什么意思类，如果有滚动条，在底部点一个超链接，就弹出这个div，这个div跑到上面去了，别人还一时半会儿找不到，以为是超链接失效了，该如何是好呢，

missgd152 2010-12-16

打赏
举报

注意！！还有一个，绝对定位也不可少的！！！

missgd152 2010-12-16

打赏
举报

把div居中，需设置左边、上边、距整个div左边、距整个div上边的距离，我这里写个小小的例子，你可以参考一下！
<div style="border:1px red solid;width:200px;height:100px;position:absolute;left:50%;top:50%;margin-left:-100px;margin-top:-50px">
div居中
</div>

hch126163 2010-12-16

打赏
举报

[Quote=引用 5 楼 hezeyuhua 的回复:]

用margin：0 auto;就可以。但是前面必须声明这个 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">……
[/Quote]

+1

JAVA菜鸟从零开始----面试题篇

目录背景和意愿涉及到的基础知识简介布局类型的介绍文档流简介 position属性介绍 float属性介绍 float属性控制下的浮动布局——水槽模型 display属性介绍 div盒子模型（标准盒子模型，IE模型、弾性模型）布局实例解析问题1：如使得右下位置的内容div在向上拉动的过程中与顶部的导航栏保持一定的距离？问题2：顶部导航侧部导航的基本实现思路以及原...

@[TOC]background-image用法及介绍 background-imagebackground-image二级目录三级目录新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 background-image 二级

JavaSE第一阶段 JavaSE第一阶段模块五任务二：新特性第二十二章新特性 22.1 Java8的新特性该版本于2014年3月发布，是自Java5以来最具革命性的版本，这个版本包含语言、编译器、库、工具和JVM等方面的十多个新特性。 22.1.2 函数式接口接口中只有一个抽象方法 Java8提供@FunctionalInterface注解来定义函数式接口，若定义的接口不符合函数式的规范便会报错。 Java8中增加了java.util.function包，该包包含了常用的函数式接口，

二维码中间嵌入logo 大家见过不少带品牌logo的二维码，普通的黑白二维码生成比较容易，那么这种嵌入logo的二维码该如何生成呢？基本原理有一种比较简单的方法，就是直接在生成的黑白二维码中间覆盖一层logo. 覆盖一层logo后，必定会影响二维码的纠错能力。为了能从嵌入logo的二维码中还原数据，logo的覆盖面积要控制好。二维码有如下四种纠错级别： ERROR_CORRECT_L：大...