如何在父元素中垂直居中文本?_Div+CSS教程

      編輯Tag賺U幣
      教程Tag:暫無Tag,歡迎添加,賺取U幣!
        
        這是新手最常碰到的問題。設置了一個div或span。但文字是居于上部對齊的。在傳統的Table制作中,默認文本都是垂直居中于單元格的。這個問題其實很輕易解決,設置行高line-height。就很好的解決了。
        我們看下面的例子,a是未設置行高的情形,b是設置行高解決垂直居中文本問題的情形。

      代碼調試框 [www.wf0088.com]

      [ 可先修改部分代碼 再運行查看效果 ]

        此外,在必要的時候,可以使用:vertical-align:middle;
        用line-height增高行距,再用vertical-align:middle;使內容垂直居中對齊。
       

      來源:無憂整理//所屬分類:Div+CSS教程/更新時間:2007-01-09
      相關Div+CSS教程