如何让span中的文字水平居中?

2025-04-06 15:33:21
推荐回答(1个)
回答1:

style= "text-align:center;line-height:18px; " 


水平居中text-align:center; 


设置行高line-height:18px; 同span高度一样,那么文字就可以垂直居中了(仅限一行文本)。

水平居中很简单,设置text-align:center就可以了,但是垂直居中一直都不得其解! 



以前总是尝试着调padding-top,但是有的时候好使,更多的时候不行,今天同样,当height值不大时,增加padding-top就会增加了整个DIV或者SPAN的高度。

正在想理论上vertical-align的默认值应该是baseline啊,不会顶对齐啊,突然想起字体有个line-height属性,于是很显然其默认值就是一个字那么高,于是将line-height值改得和DIV或者SPAN的height相同! 


于是,DIV和SPAN中的文字垂直居中对齐了。