css - 如何在 CSS 中允许水平溢出？

Question

我为设计工作构建了一个相当小的个人网页，并希望每个元素都显示为一个长的水平滚动条。我一直按像素控制每个页面的宽度，它适用于浏览器，但我注意到当我在手机上打开页面时，最后一张图片总是跳到下一行。我想知道如何弥补这一点，如果有一个简单的解决办法。

示例链接:http://gh-he.com/Projects/Sutro.html

如果您使用浏览器打开，可能没问题。用手机打开，它跳了。我绝不是一个程序员，所以我有点摸索着得到我得到的东西，与你习惯的代码相比，代码可能相当困惑。

Answer 1

将 overflow-x 属性设置为在图像容器上滚动。

.images-container{
    overflow-x: scroll;
}

如果你想让你的文本留在原地并且只有滚动的图像，请将 img 放入容器中并在该图像上设置 overflow-x 属性仅限容器。