点击查看详细内容
点击进入优饭

酷站 + 代码 + 实用代码 js div css html + 详细内容

View】  【收藏】 【推荐】 【评论如何让层垂直居中于浏览器窗口? (2008-02-29 )
下载 Download:
迅雷下载(推荐) | 本地下载(电信)

来源: 预览网址:#

   重要:当提供源代码在代码框显示时,下载和演示地址可能无效,请点击下面的运行代码查看效果!
提示:您可以修改部分代码再运行,复制和保存功能在Firefox下无效。

层垂直居中于浏览器,一直是新手朋友比较头疼的问题。

 其实解决的思路是这样的:首们需要position:absolute;绝对定位。而层的定位点,使用外补丁margin负值的方法。负值的大小为层自身宽度高度除以二。

如:一个层宽度是400,高度是300。使用绝对定位距离上部与左部都设置成50%。而margin-top的值为-150。margin-left的值为-200。这样我们就实现了层垂直居中于浏览器的样式编写。


上一篇:如何将链接的下划线做成虚线?   下一篇:div布局的自由伸展三栏式版面

共有 2 位酷友发表了评论, 点此查看全部 酷友评论(Comments)

添加评论(Add Comments) 不能超过250字,需审核,请自觉遵守互联网相关政策法规。

昵称: 论坛注册
密码: 匿名?

服务赞助商

随机显示10条设计素材