图片换行到下一行，滚动溢出并显示行内块

Question

我有一个react项目，正在渲染一些动态图像，我想要它们。

包装，并具有可滚动的栏。

到目前为止，这是我的CSS代码：

.thumbnail-container img{
padding-left: 15px;
padding-right: 15px;
width: auto;
height: 175px;
display: inline-block;


}

.thumbnail-container {
    overflow-x: scroll;

}

.thumbnail-container img:hover{
   transform: scale(1.1);
   transition: 0.4s;
}

这是JSX，我在其中渲染图像

  let image= this.state.images.map(image => {
        return <img key={image} src={image} />
    });

在返回方法中

 <div className="thumbnail-container">
                {image}
                </div>