六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 33|回复: 0

CSS布局技巧:未知高度div 垂直居中的问题

[复制链接]

升级  2.2%

157

主题

157

主题

157

主题

进士

Rank: 4

积分
511
 楼主| 发表于 2013-1-29 07:49:44 | 显示全部楼层 |阅读模式
From:http://www.52css.com/article.asp?id=883在我们以前的文章中,多次讲到过垂直居中的问题,您可以参考52CSS.com的一些文章来进行学习。在这里介绍了一种让未知高度的DIV在浏览器中垂直居中。  DivCSS教程:实现div容器垂直居中的方法小结  http://www.52css.com/article.asp?id=764  如何让层垂直居中于浏览器窗口?  http://www.52css.com/article.asp?id=155  如何让图片在容器里垂直居中?  http://www.52css.com/article.asp?id=211  而某些方法在达到这个目的的同时出现了一个问题,那就是当浏览器窗口缩小后我们会发现有一部分主体内容看不到了。如下图:  这是浏览器打开时候的效果  当浏览器缩小的时候就会变成这样子  经过今天一翻改进,终于找出了解决DIV垂直居中的办法,下图为最后效果图。  实现代码: Source Code to Run [www.52css.com]     [ 可先修改部分代码 再运行查看效果 ]
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表