建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
css怎么實現(xiàn)垂直對齊容器中的元素
css怎么實現(xiàn)垂直對齊容器中的元素？針對這個問題，這篇文章詳細介紹了相對應的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。
創(chuàng)新互聯(lián)公司-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設、高性價比青白江網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式青白江網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設找我們，業(yè)務覆蓋青白江地區(qū)。費用合理售后完善，十載實體公司更值得信賴。
可以利用CSS3的Transform來實現(xiàn)容器中的元素垂直對齊。
具體代碼實現(xiàn)：
.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怎么實現(xiàn)垂直對齊容器中的元素問題的解答就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關注創(chuàng)新互聯(lián)行業(yè)資訊頻道了解更多相關知識。
分享名稱：css怎么實現(xiàn)垂直對齊容器中的元素
文章出自：http://www.dlmjj.cn/article/gshihp.html
