请选择进入手机版 | 继续访问电脑版

设为首页收藏本站腾讯微博新浪微博

邮件列表客服QQ 800003860 切换到窄版

点点网模板设计大赛

phpchina

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

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

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

经典论坛 › 论坛 › 网站开发区 › 前台制作与脚本专栏 › 关于多个DIV居中对齐的问题

发新帖

查看: 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">

西部数码顶级域名注册商39元抢注！

使用道具举报

诘屈聱牙

帖子: 5613
体力: 23143
威望: 367
居住地: 江苏省苏州市

发表于 2005-11-29 07:05:00 |显示全部楼层

div没有Vertical-align，建议这样：
margin-top:expression((this.parentNode.offsetHeight-this.offsetHeight)/2);

老婆的小店 - 半停业
hutia的个人站点 - 垃圾站重新开张了

租服务器，上51IDC [长沙]招聘:PHP经理10K/WEB前端6K/PHP开发6K

使用道具举报

帖子: 258
体力: 763
威望: 0

发表于 2005-11-29 09:57:00 |显示全部楼层

hutia在上个帖子中说

div没有Vertical-align，建议这样：
margin-top:expression((this.parentNode.offsetHeight-this.offsetHeight)/2);

能否指点一下含义？？

http://www.fansart.com

使用道具举报

诘屈聱牙

帖子: 5613
体力: 23143
威望: 367
居住地: 江苏省苏州市

发表于 2005-11-29 11:57:00 |显示全部楼层

expression是动态css,会执行其中的代码赋值给margin-left
((this.parentNode.offsetHeight-this.offsetHeight)/2)就是将父节点的高度减去自己的高度以后除以2,自然就垂直居中了

老婆的小店 - 半停业
hutia的个人站点 - 垃圾站重新开张了

使用道具举报

帖子: 60
体力: 206
威望: 0

发表于 2006-6-30 14:41:00 |显示全部楼层

层绝对居中。无论什么浏览器、什么分辨率，上下左右都居中！

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

层绝对居中的范例

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

使用道具举报

帖子: 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.

回顶部