如题所述
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中的文字垂直居中对齐了。
温馨提示：答案为网友推荐，仅供参考
第1个回答 2018-01-10
style= "text-align:center；line-height:18px; "
水平居中text-align:center；
设置行高line-height:18px; 同span高度一样，那么文字就可以垂直居中了（仅限一行文本）。
第2个回答 2018-01-10
1.<span style=" background
2.image:url(../images/sozhe_discount_018.gif); width:62px; height:18px; position:absolute;"
3.class="font-white">abc</span>
4.style="text-align:center；line-height:18px;"
5.水平居中text-align:center；
