解决方法
差异不在< span>和< div>具体来说，但在内联和块元素之间。 < span>默认为display：inline;而< div>默认为display：block ;.但是这些可以在CSS中覆盖。
两种方式之间text-align：center工作方式的区别在于宽度。
块元素默认为其容器的宽度。它可以使用CSS设置其宽度，但无论哪种方式它是一个固定的宽度。
内联元素的宽度取自其内容文本的大小。
text-align：center指示文本在元素中居中定位。但在内联元素中，这显然不会有任何效果，因为元素与文本的宽度相同;以某种方式对齐它是无意义的。
在块元素中，因为元素的宽度与内容无关，所以可以使用text-align样式将内容定位在元素内。
最后，为您提供一个解决方案：
显示属性有一个附加值，它在块和内联之间提供了一个中途的房子。方便地，它被称为内联块。如果您指定< span>待显示：inline-block;在CSS中，它将继续作为内联元素工作，但也将承担块的一些属性，例如指定宽度的能力。一旦为它指定了宽度，您将能够使用text-align：center在该宽度内居中文本;
希望有帮助。
