CSS是網(wǎng)頁(yè)設(shè)計(jì)中的重要組成部分，可用來(lái)實(shí)現(xiàn)各種效果，包括元素的橫排展示。在網(wǎng)頁(yè)中，我們經(jīng)常需要將多個(gè)元素橫排展示，這時(shí)我們需要設(shè)置它們之間的間距。

/* 設(shè)置橫向間距 */
div {
display: flex;
justify-content: space-between;
gap: 20px;
}

上述代碼使用了flex布局，justify-content屬性設(shè)置了元素之間的間距為space-between。同時(shí)，我們還可以使用gap屬性來(lái)設(shè)置元素之間的間距大小。在這里，我們將gap設(shè)置為20px。

如果我們不想使用flex布局，而是使用float屬性，也可以設(shè)置橫向間距：

/* 設(shè)置橫向間距 */
div {
float: left;
margin-right: 20px;
}

上述代碼使用了float屬性將元素向左浮動(dòng)，并使用margin-right屬性設(shè)置了元素之間的間距為20px。

除此之外，我們還可以使用inline-block屬性和margin-right屬性或padding-right屬性來(lái)設(shè)置元素之間的間距。例如：

/* 設(shè)置橫向間距 */
div {
display: inline-block;
margin-right: 20px;
/* 或 */
padding-right: 20px;
}

總之，無(wú)論是使用flex布局、float屬性、inline-block屬性，還是margin-right屬性、padding-right屬性，我們都可以輕松設(shè)置元素之間的橫向間距。這樣可以讓我們的網(wǎng)頁(yè)更具有美感和排版效果，提升用戶體驗(yàn)。