空白：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可以解决您的问题。