CSS垂直中心的一种简单实现方法

本文主要介绍了CSS垂直中心的简单实现，包括使用变换在CSS3的例子，需要的朋友可以参考一下。





我们都知道，CSS文本对齐：中心与边缘：0汽车可以实现垂直水平，但却没有相应的CSS属性设置，如果你想设置的中心垂直元素可以有容器的显示设置为：表，然后子元是中心垂直显示单元的显示设置为：表格单元格中，然后加上垂直对齐：中实现。
通过CSS3转换实现

CSS代码将内容复制到剪贴板。


{垂直居中
职位：相对；
顶部：50%；
translatey变换：（50%）；
}
{中心水平
职位：相对；
左：50%；
translatex变换：（50%）；
}