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] [ 可先修改部分代码 再运行查看效果 ]
CSS布局技巧:未知高度div 垂直居中的问题
最新推荐文章于 2023-03-21 11:02:24 发布