div里面文字居中
文字居中。
-
此处是垂直居中,关键代码height:105px;line-height:105px;两个值要相等。
1<
div
style
=
'height:105px;line-height:105px;overflow:hidden;border:1px solid #FF0099;'
>居中</
div
>
-
文字横向居中,关键代码text-align:center
1
|
< div style = 'height:105px;line-height:105px;overflow:hidden;border:1px solid #FF0099;text-align:center' >ju zhong</ div > |
居中两种方式:
1) vertical-align:middle
2) 定义line-height: 属性, 让line-height 等于height