CSS橫軸滾動(dòng)縱軸不滾動(dòng)是一種常見的實(shí)現(xiàn)方式，可以使頁(yè)面在滿足內(nèi)容需要的同時(shí)，優(yōu)雅地展示信息而不至于頁(yè)面丑陋或無(wú)法使用。

實(shí)現(xiàn)方法如下：

.container {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
}

代碼解釋：

首先，我們需要?jiǎng)?chuàng)建一個(gè)包含需要橫向滾動(dòng)的元素的容器。這個(gè)容器會(huì)使用flex布局，并且把其子元素不換行（nowrap）。

接下來(lái)，我們使用overflow-x: auto; 讓容器出現(xiàn)橫向滾動(dòng)條。然而，我們不希望出現(xiàn)縱向滾動(dòng)條，所以我們使用overflow-y: hidden;。

這個(gè)方法非常適用于橫向展示圖像庫(kù)、橫向排列導(dǎo)航鏈接等需要橫向滾動(dòng)的場(chǎng)景。