css span在父容器居中显示

CSS中的span元素是一个非常常用的元素，在许多情况下，我们都需要对它进行位置的定位或者样式的设置。如果希望在父容器中将span居中显示，我们可以使用以下的CSS样式代码来进行设置。

.parent {
  display: flex;
  justify-content: center;
  align-items: center;
}

.parent span {
  display: inline-block;
}

以上代码首先将父容器设为flex布局，并且使子元素在父容器中居中对齐。接着，我们将span元素的display属性设置为inline-block，这样子元素就可以按照块元素的方式在父容器中进行居中显示了。