在網頁設計中，我們經常需要使用CSS來控制元素的分列和間隔。CSS中提供了多種方法來實現這個目的。

首先，我們可以使用CSS的float屬性來實現元素的分列。float屬性可以讓元素浮動到指定方向，從而實現多列布局。例如：

.box {
float: left;
width: 200px;
}

上面的代碼中，我們定義了一個類名為.box的元素，并設置了其為左浮動。這樣，多個.box元素就可以排成一列了。

除了float屬性外，還可以使用CSS的display屬性來實現元素的分列。通過設置display屬性為inline-block，多個元素就可以橫向排列了。例如：

.box {
display: inline-block;
width: 200px;
margin-right: 20px;
}

上面的代碼中，我們定義了一個類名為.box的元素，并設置了其為inline-block屬性。這樣，多個.box元素就可以橫向排列了。通過設置margin-right屬性，我們還可以為每個元素之間添加間隔。

不僅如此，CSS還提供了flex屬性來實現更復雜的布局方式。通過設置flex屬性，我們可以方便地實現元素的分列和間隔。例如：

.container {
display: flex;
justify-content: space-between;
}
.box {
width: 200px;
}

上面的代碼中，我們定義了一個類名為.container的容器元素，并設置了其為flex屬性。通過設置justify-content屬性，我們可以讓元素在容器中按照指定的方式排列。在本例中，我們設置了space-between，表示讓元素在容器中均勻分布，并在它們之間創建空間。通過設置box元素的寬度，我們還可以控制每個元素的大小。

總之，CSS提供了多種方法來實現元素的分列和間隔。根據具體需求，我們可以選擇合適的方法來布局網頁。