26
2008
09

再写CSS控制未知高度DIV垂直居中

在CSS代码里面我曾经写过一篇文章CSS控制未知高度网页垂直居中 ,在这里介绍了一种让未知高度的DIV在浏览器中垂直居中. 而这个方法在达到这个目的的同时出现了一个问题.那就是当浏览器窗口缩小后我们会发现有一部分主体内容看不到了。如下图:

这是浏览器打开的时候

 当浏览器缩小的时候就会变成这样子

经过今天一翻改进,终于找出了解决DIV垂直居中的办法,下图为最后效果图.

 

 

实现代码.

[CODE] CSS控制未知高度网页垂直居中

看看,这不就居中了。呵呵。而且没有问题哦。呵呵

body{ background-color:#FFF5F0}
div{ position:absolute; top:50%; left:50%; margin:-100px 0 0 -200px; width:400px; height:200px; border:1px #CCCC00 solid; font-family:Arial, Helvetica, sans-serif; color:#666666 }

[/CODE]

« 上一篇下一篇 »

相关文章:

自适应网页设计中的字体单位选择  (2014-5-6 23:5:37)

打造纯CSS箭头,兼容所有主流浏览器  (2014-2-21 15:24:5)

CSS3浏览器支持参照表  (2013-2-15 18:51:40)

浅谈CSS hack  (2008-10-10 12:40:54)

区别IE6.IE7.FireFox的几种CSS HACK写法  (2008-10-10 10:40:45)

IE的if条件注释Hack  (2008-9-26 11:16:41)

CSS三栏布局-固定自适应  (2008-9-22 10:32:28)

控制网页满屏显示最简单的方法  (2008-7-7 9:27:9)

CSS控制未知高度网页垂直居中  (2008-6-2 16:41:24)

CSS三栏布局10中样式下载  (2008-3-27 0:10:0)

评论列表:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。