空白：照片的nowrap在调整大小时有问题

Question

我试图水平显示我的照片，所以我用了

.stream {
    white-space: nowrap;
}
.mod-pic {
    padding-left: 5px;
}

.modelstream {
    display: inline-block;
    max-height: 90%; 
    width: auto;
}

我照片的css

html看起来像这样:(我用javascript来渲染照片）

<div class="stream">
        <div class="alexContainer"></div>
            <div class="template main alexTemplate">
                <div class="mod-pic">
                    <img class="pic modelstream" src="" alt=""/>
                </div>
        </div>
</div>

问题是当我调整浏览器大小时，照片的边距变得太大了 我希望照片能够快速响应，但我不希望照片之间的差距变得太大 大。 任何人都可以帮我解决这个问题吗？我真的很感激！ 感谢

Answer 1

在我看来，当窗口重新调整大小时，你的容器div / div变得太宽了。我认为使用CSS在一个或多个外部div上设置max-width可以解决您的问题。