공백 : 사진에 대한 파라미터 nowrap가 크기 조정

Question

내가 수평으로 내 사진을 표시하려고 문제를 가지고, 그래서 난

HTML은 다음과 같습니다 내 사진의 CSS에 대한

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

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

을 사용 : (나는 렌더링 자바 스크립트를 사용 사진) 나는 브라우저, 너무 큰 될 사진의 여백 크기를 조정할 때 나는 사진이 반응 할 할 있지만

<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을 설정하면 문제가 해결 될 것입니다.