Question

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

Answer 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中的文字垂直居中对齐了。

Answer 2

style=
"text-align:center；line-height:18px;
"
水平居中text-align:center；
设置行高line-height:18px;
同span高度一样，那么文字就可以垂直居中了（仅限一行文本）。

Answer 3

看这里面的内容吧！
修改line-height(行距),把行距调成与span相同的高度就ok了．