[分享]css中怎样设置图片左右滚动

CSS中可以使用以下代码来实现图片左右滚动的效果：

/* 设置容器的宽度和高度 */
.container {
  width: 500px;
  height: 200px;
  overflow-x: scroll; /* 开启水平滚动 */
  overflow-y: hidden; /* 隐藏垂直滚动条 */
}

/* 设置图片的宽度和高度 */
img {
  width: 100px;
  height: 100px;
  display: inline-block; /* 让图片横向排列 */
}

/* 每张图片之间的间距 */
img + img {
  margin-left: 20px;
} 

上面的代码中，我们首先创建了一个名称为“container”的div容器，并设置了它的宽度和高度。之后，我们使用了overflow-x属性来开启水平滚动，并使用了overflow-y属性来隐藏垂直滚动条。

接下来，我们设置了每张图片的宽度和高度，并使用了display属性将图片设置为行内元素，以便让它们横向排列。最后，我们使用了“img + img”选择器来为每张图片之间添加了20像素的左边距，以便让它们之间有一定的间距。

通过上述CSS代码，我们就可以实现图片左右滚动的效果了。只需要在“container”容器中添加多张图片，即可实现图片的左右滚动。