在CSS中，我們可以使用text-align屬性將文本內(nèi)容水平居中。但是它并不能完全滿足我們的需求，因?yàn)樗荒芫又姓麄€(gè)文本塊，并不能實(shí)現(xiàn)文字在一行內(nèi)分散居中。

不過，我們可以使用另一種方法來實(shí)現(xiàn)這個(gè)效果，那就是使用display:table屬性。 我們可以在需要分散居中的文本所在的元素上應(yīng)用該屬性：

div{
display:table;
margin:auto;
}

在這個(gè)示例中，我們將display屬性設(shè)置為table，這樣文本就被當(dāng)做表格處理了。接下來，我們?cè)賹argin屬性設(shè)置為auto，這樣文本就水平居中了。

不過，僅僅這樣還不能實(shí)現(xiàn)文字分散居中的效果。我們還需要將文本的容器元素設(shè)置為table-cell，并使用text-align屬性來控制文本的對(duì)齊方式：

div{
display:table;
margin:auto;
text-align:center;
}
span{
display: table-cell;
text-align: justify;
}

在這個(gè)示例中，我們將文本的容器元素設(shè)置為table-cell，這樣文本就像表格單元格一樣對(duì)待。我們還使用text-align:justify屬性，將文本均勻地分散到容器元素中。

最后，我們需要在文本容器的每個(gè)單元格后面添加一個(gè)不可見的元素，以確保文本在容器中分散居中：

span:after{
content:'';
display:inline-block;
width:100%;
}

在這個(gè)示例中，我們通過添加一個(gè)content屬性來添加一個(gè)不可見元素，在文本容器每個(gè)單元格的末尾。該元素的寬度被設(shè)置為100%，以確保它和單元格一樣寬。

這樣，我們就成功地實(shí)現(xiàn)了CSS中的文字分散居中效果。我們可以使用這種方法來實(shí)現(xiàn)網(wǎng)頁中的各種文本分散居中的需求。