（推荐学习：css快速入门）
具体代码实现：
.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如何垂直对齐容器中的元素的详细内容。