HTML CSS 横向滚动图片

要实现横向滚动图片，可以使用 CSS 属性中的 `overflow-x` 和 `white-space`。以下是一个简单的 HTML 和 CSS 示例：

<div class="scrolling-wrapper">
  <img src="image1.jpg">
  <img src="image2.jpg">
  <img src="image3.jpg">
  <img src="image4.jpg">
  <img src="image5.jpg">
</div>

.scrolling-wrapper {
  white-space: nowrap; /* 禁止换行 */
  overflow-x: auto;   /* 自动横向滚动 */
}

.scrolling-wrapper img {
  display: inline-block; /* 图片水平排列 */
  height: 200px;         /* 设置图片高度 */
  margin-right: 10px;    /* 设置图片之间的间距 */
}

在这个例子中，我们使用了一个 `div` 元素作为容器，并将其中的图片水平排列。通过设置 `white-space: nowrap` 属性，我们禁止了换行，并通过 `overflow-x: auto` 属性自动横向滚动。最后，我们设置了每张图片的高度和间距。

需要注意的是，这个方法适用于一组图片的横向滚动，如果需要对整个页面进行横向滚动，可以使用 `overflow-x: scroll` 属性。