css怎样垂直对齐容器中的元素

css实现垂直对齐容器中的元素的办法是：可以用过css3的Transform来实现。概括代码为：【-webkit-transform:translateY(-50%);transform:translateY(-50%);】。

.verticalcenter{
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

运用这个技巧，从单行文本、段降到box，都会垂直对齐。

当前阅读器对Transform的支撑是需要关注的，Chrome 4, Opera 10, Safari 3, Firefox 3, and Internet Explorer 9均支撑该属性。

以上就是css怎样垂直对齐容器中的元素的细致内容，更多请关注 百分百源码网 其它相干文章！