水平等間距（horizontal equidistant）是指在一行中，多個元素之間的間距相等。在網頁設計中，水平等間距常常被用于排版導航菜單、圖片集合等。

在使用CSS實現水平等間距效果時，我們可以使用下面的代碼：

.container {
display: flex;
justify-content: space-between;
}

其中，display: flex;將容器設置為flex布局；justify-content: space-between;將各個元素的間距設置為相等。

上述代碼適用于容器中的元素數量比較少的情況。如果元素數量較多，可以使用以下代碼：

.container {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.item {
flex-basis: calc(33.33% - 20px);
margin-right: 20px;
}
.item:last-child {
margin-right: 0;
}

上述代碼中，flex-wrap: wrap;將元素進行換行；flex-basis: calc(33.33% - 20px);將元素的基礎大小設置為一行中的1/3減去20像素；margin-right: 20px;將元素之間的右側間距設置為20像素；item:last-child用于去除最后一個元素的右側間距。

最后，需要注意的是，在使用水平等間距時，需要根據實際情況靈活調整間距大小和元素大小，以確保布局效果最優。