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

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

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

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

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

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

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

網站名稱：DIV和SPAN垂直居中對齊怎么實現
網頁URL：http://chinadenli.net/article28/gdoijp.html

成都網站建設公司_創(chuàng)新互聯，為您提供虛擬主機、網站設計公司、定制開發(fā)、ChatGPT、網站制作、面包屑導航

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯