可以利用CSS3的Transform來實(shí)現(xiàn)容器中的元素垂直對齊。

（推薦學(xué)習(xí)：css快速入門）

具體代碼實(shí)現(xiàn)：

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

使用這個技巧，從單行文本、段落到box，都會垂直對齊。

目前瀏覽器對Transform的支持是需要關(guān)注的，Chrome 4, Opera 10, Safari 3, Firefox 3, and Internet Explorer 9均支持該屬性。