在設計網頁時，我們經常需要設置子元素之間的間隔，以達到更好的布局效果。這時我們可以使用 CSS 來完成這一任務。下面介紹兩種常見的 CSS 方法。

1. 使用 margin 屬性

.parent {
display: flex;
justify-content: space-between;
}
.child {
margin-right: 20px;
}

在這個例子中，我們首先將父元素的樣式設置為 flex 容器，并使用 justify-content 屬性來分散子元素。接著，我們通過在子元素的右側應用 margin 屬性來設置子元素之間的間隔。

2. 使用 padding 屬性

.parent {
display: flex;
}
.child {
padding-right: 20px;
}

在這個例子中，我們同樣將父元素的樣式設置為 flex 容器，并使用默認的 justify-content: flex-start 屬性。然后，我們在子元素中應用 padding-right 屬性來設置子元素之間的間隔。

需要注意的是，使用 margin 屬性可以使子元素之間的間隔更加明顯，但是會增加子元素的實際寬度。而使用 padding 屬性則可以使子元素之間的間隔更為隱蔽，但是會增加子元素的實際高度。