在CSS中，可以使用flex布局來(lái)實(shí)現(xiàn)元素的橫排顯示，F(xiàn)lex布局是一種強(qiáng)大的布局工具，可以輕松地控制元素的方向、對(duì)齊方式和空間分布。

要實(shí)現(xiàn)元素的橫排顯示，可以設(shè)置一個(gè)包含元素的容器，并給該容器添加flex布局樣式。

.container {
  display: flex;
}

這將使容器中的元素按照橫向排列，如果元素?cái)?shù)量較多，還可以設(shè)置flex-wrap屬性來(lái)自動(dòng)換行。

.container {
  display: flex;
  flex-wrap: wrap;
}

還可以利用CSS的grid布局來(lái)實(shí)現(xiàn)元素的橫排顯示，grid布局是一種二維布局，可以輕松地控制元素在行和列上的位置。

.container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr; /* 三列布局 */
}

這將使容器中的元素按照三列布局排列，每列中的元素再按照橫向排列。

需要注意的是，使用flex或grid布局時(shí)，可能需要考慮元素的寬度、高度、邊框、間距等因素，以確保排版工整、美觀，還需要考慮響應(yīng)式設(shè)計(jì)，以適應(yīng)不同屏幕大小和分辨率。