本篇內(nèi)容主要講解“DIV和SPAN垂直居中對齊怎么實現(xiàn)”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“DIV和SPAN垂直居中對齊怎么實現(xiàn)”吧!

成都創(chuàng)新互聯(lián)是一家專業(yè)提供姜堰企業(yè)網(wǎng)站建設(shè),專注與成都做網(wǎng)站、成都網(wǎng)站設(shè)計、H5高端網(wǎng)站建設(shè)、小程序制作等業(yè)務。10年已為姜堰眾多企業(yè)、政府機構(gòu)等服務。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站建設(shè)公司優(yōu)惠進行中。

水平居中很簡單，設(shè)置text-align:center就可以了，但是垂直居中一直都不得其解！

以前總是嘗試著調(diào)padding-top,但是有的時候好使，更多的時候不行，今天同樣，當height值不大時，增加padding-top就會增加了整個DIV或者SPAN的高度，很惱火！

正在想理論上vertical-align的默認值應該是baseline啊，不會頂對齊啊，突然想起字體有個line-height屬性，于是很顯然其默認值就是一個字那么高，于是將line-height值改得和DIV或者SPAN的height相同！

于是，DIV和SPAN中的文字垂直居中對齊了！

到此，相信大家對“DIV和SPAN垂直居中對齊怎么實現(xiàn)”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢，關(guān)注我們，繼續(xù)學習！