网络编程
位置:首页>> 网络编程>> 网页设计>> CSS解决未知高度的垂直水平居中自适应问题(2)

CSS解决未知高度的垂直水平居中自适应问题(2)

作者:zishu 来源:zishu博客 发布时间:2009-03-17 17:06:00 

标签:css,问题,自适应,垂直居中

二、DIV已知高度,如何让他水平加垂直居中?

如果想水平加垂直居中的DIV已知高度和宽度,是最好办的了!
1、先让这个DIV绝对定位;
2、让他距离上边50%,左边50%;这会这个DIV的左上角这个点就是窗口的正中间;
3、因为已经知道了这个DIV的高和宽了,那么再从这里点向左移动总宽的一半就可以了,也就是200PX; 向上呢也同理;

<style>
#info{top:50%;left:50%; position:absolute; width:600px; height:400px; margin:-200px -300px; border:1px solid #f00;}
</style>
<div id="info">this is test.</div>

 


0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com