怎样设置DIV绝对居中

我网页是用DIV+CSS样式进行排板的    但是DIV居中不能兼容多个浏览器   我现在是用IE&... 我网页是用DIV+CSS样式进行排板的     但是DIV居中不能兼容多个浏览器    我现在是用IE   火狐   和谷歌    这三个浏览器   IE可以    火狐就不行了    火狐的行了IE的就不能居中的   好不容易    IE和谷歌都行了但是 用火狐测一下又跑乱了            我是在BODY里面加入的DIV  每个DIV的CSS样式都是左对齐    我在BODY和一个大的DIV属性里面都加了这些值〈 style="margin:0 auto; text-align:center; border: solid 1px #cccccc;width:auto height:auto"〉    想请教一下高手   如何才能克服DIV同时兼容这三个这三个浏览器 的绝对居中的问题       还请那位高手指点指点  在我里万分感谢了 展开
 我来答
唐河
2018-08-19 · TA获得超过1.1万个赞
知道答主
回答量:22
采纳率:0%
帮助的人:6272
展开全部

如果我有一个位于中间的层的同时又有一个位于该层中间的层的话,应该计算的是该层相对于父层的相对位置,所以上面的脚本实现的是父层的宽度是303,高是284,那么屏幕的分辨率减去宽和高除以2就是该层的居中位置,子层的位置是该层的宽和高减去子层的宽169和高67除以2即得到子层的中心位置。

扩展资料:

DIV是层叠样式表中的定位技术,全称DIVision,即为划分。有时可以称其为图层。DIV在编程中又叫做整除,即只得商的整数。 DIV元素是用来为HTML(标准通用标记语言下的一个应用)文档内大块(block-level)的内容提供结构和背景的元素。

莘阵鲜于醉卉
2020-06-08 · TA获得超过3724个赞
知道大有可为答主
回答量:3115
采纳率:30%
帮助的人:234万
展开全部
如果用fixed的话,ie6不支持,你干脆用position:absolute;应该是垂直居中吧,就是在任何浏览器中
上下左右都居中如果是那样的话,你可以这样写
div{position:absolute;width:200px;height:200px;top:50%;left:50%;margin:-100px
0
0
-100px;border:1px
red
solid;}
里面的宽高你可以随便设定,但是margin值要是宽高德-1/2,我加了个border,你可以先看一下效果
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2015-08-10
展开全部
如果元素的宽高固定,那么,css指定样式为top:50%;left:50%;
而margin-top和 margin-left 指定为负数,绝对值为自身宽高的一半 ;
参考实例如下:
<!DOCTYPE html>
<html>
<head>
<title> 固定宽高的元素居中示例 </title>
<style>
.content{
width: 400px;
height: 300px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -200px;
margin-top: -150px;
background-color: #8888CC;
}
</style>
</head>
<body>
<div class="content">
<p>指定页面居中的元素</p>
</div>
</body>
</html>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
young6672
2011-12-07 · TA获得超过122个赞
知道答主
回答量:153
采纳率:0%
帮助的人:71万
展开全部
你的样式有问题啊,宽度必须固定,不然是居中不了的
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
lp5276159be1
2011-12-07 · TA获得超过2万个赞
知道大有可为答主
回答量:1万
采纳率:39%
帮助的人:4254万
展开全部
貌似楼主的这个问题不算问题吧
如果你设宽度自适应width:auto 的话,那你就根本就没必要设居中了,因为div默认和自适应都是宽度最大化,既然最大化了自然就没必要设定居中了

如果你要设定居中那就必须给div设定一个宽度,那么margin:0 auto;自然就可以兼容所有浏览器

假如楼主想要的效果是div自适应是div宽度默认最小化,那么我可以给楼主推荐一个简单的方法,那就是把div插入一个table中,记得table不要设定宽度或者100%宽度,因为table默认是宽度高度都最小化,加了margin:0 auto;可以实现居中

至于其他的方法我就懒得推荐了,那些方法太过复杂,
比如设定绝对定位,大部分浏览器是解析成div最小化,但并非全部都兼容,使用ul li也是一样的原因
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式