本文主要介绍了CSS未知高度垂直居中的实现，分享给大家，具体如下：
CSS垂直居中
垂直居中（table）
好了，我们看其CSS实现。凡是table能做到的，CSS都能做的，但各浏览器在CSS的差异比较大，因此要兼容它们难度很大。这涉及许多细节，各种流啊，display的表现效果与CSS hack，IE早些年搞了大堆的私有属性，这也有待我们深一步挖掘。我们先看最简单的实现，背景图片法
背景图片法
CSS垂直居中 垂直居中
CSS表达式法
司徒正美 CSS垂直居中
垂直居中（CSS表达式）
绝对定位法
司徒正美 CSS垂直居中
垂直居中(绝对定位)
display:inline-block法
司徒正美 CSS垂直居中
垂直居中(inline-block法)
writing-mode法
CSS垂直居中
垂直居中(writing-mode法)
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
网站类容多为转载，如有侵权，请联系站长删除
上一个：CSS多级菜单的实现代码纯css实现多级折叠菜单折叠树效果
下一个：CSS 、JS实现浪漫流星雨动画CSS Transition通过改变Height实现展开收起元素从QQtabBar看css命名规范BEM的详细介绍css实现两栏布局，左侧固定宽，右侧自适应的多种方法CSS 实现Chrome标签栏的技巧CSS实现两列布局的N种方法CSS实现隐藏搜索框功能(动画正反向序列)CSS3中Animation实现简单的手指点击动画的示例详解CSS中的特指度和层叠问题详解overflow:hidden的作用(溢出隐藏、清除浮动、解决外边距塌陷)关于CSS浮动与取消浮动的问题
