liudaoru 发表于 2013-1-29 07:49:44

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

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    [ 可先修改部分代码 再运行查看效果 ]
页: [1]
查看完整版本: CSS布局技巧:未知高度div 垂直居中的问题