如何制作水平滚动图库

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的覆盖样式，即使用的图书馆。