在CSS中，要使span元素居中，可以使用多種方法，其中一種常見的方法是使用flexbox布局，下面是一個(gè)示例：

HTML代碼：

<div class="container">
  <span class="text">居中的文本</span>
</div>

CSS代碼：

.container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.text {
  display: flex;
  align-self: center;
}

在這個(gè)示例中，我們首先將容器元素設(shè)置為一個(gè)flex容器，然后使用justify-content和align-items屬性將文本元素在水平和垂直方向上居中，我們將文本元素本身設(shè)置為一個(gè)flex項(xiàng)，并使用align-self屬性將其在垂直方向上居中，這樣，文本元素就會(huì)在其容器中居中顯示。

除了flexbox布局外，還有其他方法可以使span元素居中，例如使用position屬性配合transform屬性進(jìn)行定位和調(diào)整，但無論使用哪種方法，都需要根據(jù)具體的需求和場(chǎng)景進(jìn)行選擇和應(yīng)用。