前端集合 - 关注前端技术和互联网免费资源

关注前端技术和互联网免费资源

分类儿

页面儿

搜索儿

订阅儿

前端集合 RSS订阅
Home » 前端集合 » 未知高度div垂直居中的改进版本

未知高度div垂直居中的改进版本

发布者:前端集合 // 发布时间:2013-08-11 15:47:40 // 分类:前端集合 // 访问: 1,464 次 // 热度: 0人参与

application_xml

搜索未知高度div垂直居中, 你可以在网上找到很多文章或教程. 但是不知你亲手试过没有, 那些文章中的方法多少都会有兼容性问题, 而且display table 和 table-cell的表现其实在ie8+和各高级浏览器的表现是一致的,并不是网上说的top 50% 和 -50% 针对所有ie浏览器。

所以我花了点时间把它改进了下.

这个改进版本兼容ie6+, firefox, chrome等. 具体代码:

如果你有更多更好的方案, 望不吝赐教哈

Demo Demo Demo

Tags: 未知高度div垂直居中, 未知高度垂直居中, div垂直居中, 垂直居中, 未知高度div垂直居中兼容版

CSS3 Flex学习>>  << 修改WordPress thumbnail截图截取的起始位置
Top