如何在父元素中垂直居中文本?_Div+CSS教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
這是新手最常碰到的問題。設置了一個div或span。但文字是居于上部對齊的。在傳統的Table制作中,默認文本都是垂直居中于單元格的。這個問題其實很輕易解決,設置行高line-height。就很好的解決了。
我們看下面的例子,a是未設置行高的情形,b是設置行高解決垂直居中文本問題的情形。
代碼調試框 [www.wf0088.com]
[ 可先修改部分代碼 再運行查看效果 ]
此外,在必要的時候,可以使用:vertical-align:middle;
用line-height增高行距,再用vertical-align:middle;使內容垂直居中對齊。
相關Div+CSS教程:
- 相關鏈接:
- 教程說明:
Div+CSS教程-如何在父元素中垂直居中文本?。