css如何垂直對(duì)齊容器中的元素

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

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

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

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

使用這個(gè)技巧，從單行文本、段落到box，都會(huì)垂直對(duì)齊。

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