如何製作水平滾動圖庫

Question

我是新手編碼，但想製作水平滾動圖庫。我希望它看起來完全像這個頁面上的那個：http://tessaneustadt.com/interiors#/id/i12139225除了我想要兩端的空白。我希望它能夠響應，就像這個頁面一樣。

我有無盡的搜索，並有很多試驗+錯誤。任何幫助表示讚賞。

Answer 1

嘗試此，

.img-wrapper{ 
    width: 100vw; 
    height: 300px; 
    overflow-y: auto; 
    overflow-x: hidden; 
    display: flex; 
    align-items: center; 
} 

.img-wrapper img{ 
    width: auto; 
    height: 250px: 
    margin: 20px 25px; 
} 

搜索的CSS屬性overflow-y: scroll，這將允許在div到所定義的高度和寬度中的約束。

Answer 2

你可以用這個圖書館

Sly

嘗試爲響應您可以添加自定義CSS的覆蓋樣式，即使用的圖書館。