在 CSS 中，設置 `span` 元素居中的方法有很多，本文主要介紹以下兩種方法：

1. 使用 text-align 屬性實現居中

span {
display: inline-block;
text-align: center;
}

通過將 `span` 元素的 `display` 屬性設置為 `inline-block`，可以讓其具有寬度和高度屬性，這樣才能將其居中。然后，通過 `text-align` 屬性將文本水平居中。

2. 使用 Flexbox 布局實現居中

父級元素 {
display: flex;
justify-content: center;
align-items: center;
}
span {
text-align: center;
}

使用 Flexbox 布局可以更加方便地實現元素的居中。首先，將父級元素的 `display` 屬性設置為 `flex`，這樣就可以使用 Flexbox 布局了。然后，使用 `justify-content` 屬性將子元素水平居中，使用 `align-items` 屬性將子元素垂直居中。

需要注意的是，由于 `span` 元素是內聯元素，不能直接使用 Flexbox 布局，需要將其 `text-align` 屬性設置為 `center`，才能實現文本的水平居中。