css如何垂直對齊容器中的元素

可以利用CSS3的Transform來實現容​​器中的元素垂直對齊。

（推薦學習：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如何垂直對齊容器中的元素的詳細內容。更多資訊請關注PHP中文網其他相關文章！