两种方式之间text-align：center工作方式的区别在于宽度。

块元素默认为其容器的宽度。它可以使用CSS设置其宽度，但无论哪种方式它是一个固定的宽度。

内联元素的宽度取自其内容文本的大小。

text-align：center指示文本在元素中居中定位。但在内联元素中，这显然不会有任何效果，因为元素与文本的宽度相同;以某种方式对齐它是无意义的。

在块元素中，因为元素的宽度与内容无关，所以可以使用text-align样式将内容定位在元素内。

最后，为您提供一个解决方案：

显示属性有一个附加值，它在块和内联之间提供了一个中途的房子。方便地，它被称为内联块。如果您指定< span>待显示：inline-block;在CSS中，它将继续作为内联元素工作，但也将承担块的一些属性，例如指定宽度的能力。一旦为它指定了宽度，您将能够使用text-align：center在该宽度内居中文本;

希望有帮助。