将文本垂直居中在SPAN中

Question

span内的文字top内的空间较小，bottom中的空格更多，就像上面指定的图片一样，我不知道发生这种情况的原因。我的要求是将该文本准确地显示在span的中心。我试图设置margin-top（span是inline元素，它不支持margin-top），line-height等。但似乎没有任何效果。我的问题是，我们是否可以将span内的文字垂直居中放置在[{1}}和top上的[等于空格]。？

DEMO

Answer 1

是的，您可以准确地垂直居中跨度内的文本。你想要略过这一点，这篇文章说明了这一点：http://phrogz.net/css/vertical-align/index.html

Answer 2

你可以使用填充顶部，我希望它能帮到你。