javascript - 空白 : nowrap for photo has issue when resize

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 来设置 max-width在一个或多个外部 div 上可以解决您的问题。