在網頁設計中，文字的排版是非常重要的一部分，如何讓文字在頁面中均勻分配，又能夠美觀大方呢？這就需要使用 CSS，下面我們就來學習一下文字平均分配的 CSS。

/* 文字均勻分配CSS */
.text {
text-align: justify; /* 文本兩端對齊 */
text-justify: distribute-all-lines; /* 所有行分布對齊 */
}

上述代碼中，我們首先定義了一個類名為text的 CSS 樣式，然后使用了text-align屬性來使文本兩端對齊，再加上text-justify屬性讓文字均勻分布。

值得注意的是，text-justify屬性只有在布局寬度大于文字寬度時才會生效。同時，這個屬性在不同瀏覽器中的表現也是不一樣的，有些瀏覽器可能會忽略這個屬性，所以在使用時需要多加注意。

除了text-justify屬性，我們還可以使用column-width屬性來定義文本的寬度，達到更好的排版效果。

/* 列文字均勻分配CSS */
.column-text {
-webkit-column-width: 150px; /* 150像素為一列，更改該值來調整寬度 */
-moz-column-width: 150px;
column-width: 150px;
text-align: justify;
}

上述代碼中，我們定義了一個類名為column-text的 CSS 樣式，使用了column-width屬性來定義列的寬度，然后再加上text-align屬性實現兩端對齊。

總的來說，使用以上的文字平均分配 CSS，可以使文字在頁面中均勻分布，提高閱讀美感和體驗，讓網頁更加美觀大方。