空白：NOWRAP的照片時具有調整大小

我試圖水平顯示我的照片的問題，所以我用空白：NOWRAP的照片時具有調整大小

.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>

問題是，當我調整瀏覽器，照片的變得過大的餘量，雖然我想要的照片來響應，但我不希望照片之間的差距變得太大大。任何人都可以幫我解決這個問題嗎？我真的很感激！謝謝

來源

2013-12-08 user2913922

我認爲保證金率還需要百分比嗎？將其設置爲元素容器的百分比，並且在容器更改大小時應該縮放。 – user1600124

它看起來像我的容器div/div變得太寬，當窗口重新調整大小。我認爲使用CSS在一個或多個外部div上設置max-width可以解決您的問題。

來源

2013-12-08 01:37:45

我設置邊距只是爲了避免覆蓋我的導航欄，與每張照片之間的邊距無關 – user2913922

有沒有其他相關的CSS代碼當前未包含在問題中？ –

對不起，我錯過了一些東西，現在代碼已經更新:) – user2913922

空白：NOWRAP的照片時具有調整大小

回答

相關問題