CSS的span元素通常用于修饰文本，比如文字颜色、字体大小等。但是，在实际应用中，我们经常遇到需要让span内的文字上下居中显示的情况。下面，我们就来看看如何实现这个效果。
首先，我们可以通过给span元素设置line-height属性，来使文字垂直居中。具体方法是将line-height的值设置为元素的height属性值相等，例如：
Span元素
上面的代码中，我们设置了span元素的宽高为100px，并将其line-height属性的值设置为100px，这样一来，文字便垂直居中了。
另外，我们还可以通过给span元素设置display属性为table-cell，并且将其vertical-align属性的值设为middle，来实现文字的垂直居中。例如：
Span元素
上面的代码中，我们设置了span元素的display属性为table-cell，并将其vertical-align属性的值设置为middle，这样文字就可以垂直居中了。
总之，通过上述方法，我们可以轻松地实现span元素内文字的上下居中显示，而不需要额外的HTML元素或者JavScript代码。
