這篇文章主要介紹了css水平垂直居中對齊的三種方法,具有一定借鑒價值,需要的朋友可以參考下。如下資料是關(guān)于css水平垂直居中對齊的內(nèi)容。
目前創(chuàng)新互聯(lián)建站已為成百上千家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)頁空間、網(wǎng)站托管、服務(wù)器租用、企業(yè)網(wǎng)站設(shè)計、臨桂網(wǎng)站維護(hù)等服務(wù),公司將堅持客戶導(dǎo)向、應(yīng)用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長,共同發(fā)展。
一、文字的水平垂直居中
text-align: center; line-height: 單前元素高度;
二、元素的水平垂直居中
1、使用絕對定位
2、使用絕對定位+ calc()
3、使用絕對定位+transform
以上就是css水平垂直居中對齊的三種方法,代碼詳細(xì)清楚,如果在日常工作遇到這個問題,希望你能通過這篇文章解決問題。如果想了解更多相關(guān)內(nèi)容,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!