请选择 进入手机版 | 继续访问电脑版
点点网模板设计大赛 phpchina

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 用悬赏 三天解决问题 解决访问速度慢 论坛支持农历生日 - 地图任务 - 给官方提建议

论坛活动及任务 归纳网站最新活动 更新邮件保护帐号安全 第一季积分兑换活动 - 12周年上海聚会照片

万元奖励等你拿——点点网模板设计大赛 畅销译文征名——让最火的畅销书,印上你的标签 联系招聘客服 蓝色理想帮你找工作!

查看: 4127|回复: 5

关于多个DIV居中对齐的问题  关闭 [复制链接]

micleaf 楼主

奋斗中的叶兄

银牌会员 手机认证 

帖子
236
体力
1148
威望
0
居住地
浙江省 杭州市
发表于 2005-11-29 01:41:00 |显示全部楼层
我想做出类似于“同心圆”的DIV居中对齐效果,即DIV2相对于DIV1居中对齐,DIV3又相对于DIV2居中对齐...为什么就是显示不出来呢?Vertical-align无效....

<html>
<head>
<style type="text/css">
.t {background-color:#ffe000;width:600px;height:400px;vertical-align:middle}
.t1 {width:400px;height:200px;border-style:solid;border-color:white}
</style>
</head>
<body>
<div class="t">
<div class="t1">
hutia 

诘屈聱牙

荣誉管理

帖子
5613
体力
23143
威望
367
居住地
江苏省 苏州市
发表于 2005-11-29 07:05:00 |显示全部楼层
div没有Vertical-align,建议这样:
margin-top:expression((this.parentNode.offsetHeight-this.offsetHeight)/2);
帖子
258
体力
763
威望
0
发表于 2005-11-29 09:57:00 |显示全部楼层
hutia在上个帖子中说
div没有Vertical-align,建议这样:
margin-top:expression((this.parentNode.offsetHeight-this.offsetHeight)/2);


能否指点一下含义??
hutia 

诘屈聱牙

荣誉管理

帖子
5613
体力
23143
威望
367
居住地
江苏省 苏州市
发表于 2005-11-29 11:57:00 |显示全部楼层
expression是动态css,会执行其中的代码赋值给margin-left
((this.parentNode.offsetHeight-this.offsetHeight)/2)就是将父节点的高度减去自己的高度以后除以2,自然就垂直居中了
indian 
帖子
60
体力
206
威望
0
发表于 2006-6-30 14:41:00 |显示全部楼层
层绝对居中。无论什么浏览器、什么分辨率,上下左右都居中!

 提示:您可以先修改部分代码再运行







层绝对居中的范例

 提示:您可以先修改部分代码再运行


f2008 
帖子
41
体力
113
威望
0
发表于 2006-6-30 15:20:00 |显示全部楼层
TO  indian
层绝对居中。无论什么浏览器、什么分辨率,上下左右都居中!
---------------------------
我运行看了下,全部靠左,我的浏览器: Mozilla Firefox 1.5.0.4
知识经济年代.
自从w3c问世来,长得像的网站就多起来了.
您需要登录后才可以回帖 登录 | 注册

Archiver|手机版|安久科技提供CDN|blueidea.com ( 京ICP备05002321号 )  

GMT+8, 2012-1-15 00:05 , Processed in 0.383813 second(s), 8 queries , Gzip On.

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部