CSS中的分散對齊是指將元素在一定的空間范圍內等間距地分散排列，使得它們看起來更加美觀、整齊。

要實現分散對齊，我們可以使用text-align: justify;屬性，它可以讓文本對齊，并在每行末尾添加額外的間隔來填滿所在容器的寬度。

.container {
text-align: justify;
}
.item {
display: inline-block;
width: 100px;
height: 100px;
background-color: #ccc;
margin-right: -4px;
}

上述代碼中，我們首先將容器的文本對齊方式設為justify，然后將每個元素設為inline-block，同時指定它們的寬度、高度和背景顏色。由于text-align: justify會為每行末尾添加額外的間隔，因此我們需要通過給每個元素設置負的右外邊距來消除這些間隔。

如果我們想讓分散對齊的間隔更加明顯，可以通過在元素之間添加空格或者換行符來實現：

.container {
text-align: justify;
}
.item {
display: inline-block;
width: 100px;
height: 100px;
background-color: #ccc;
margin-right: -4px;
}
.item:after {
content: "\00a0";
}
.item:last-child:after {
content: "";
}

上述代碼中，我們在每個元素后面都添加了一個不換行的空格符，這樣就能夠看到明顯的間隔效果了。注意，我們還需要為最后一個元素添加一個空內容的偽元素，以消除多余的間隔。