在水平滚动中设置图像

Question

我在水平滚动时遇到图像问题，即我没有正确看到图像，我的代码如下 jsfiddle.net/y8gy6oar/。

我不知道如何解决它，希望有人能帮助我。

Answer 1

将文章标签的宽度设置为图片的大小。

当然，这只有在您提前知道图像的大小并且它们都是相同大小的情况下才有效。

div.horizontal .table article {
    width: 569px;
    height: 320px;
    display: table-cell;
    background: #e3e3e3;
    vertical-align: middle;
    text-align: center;
 }

您的 CSS 中发生的事情是文章设置为 200 像素，因此图像被截断了。

在水平滚动中设置图像

Set images in Horizontal Scrolling

css

horizontal-scrolling