indexhibit의 응답 성 가로 스크롤 div가 너비가 너무 큽니다.

Question

모든 이미지 페이지가 가로 div를 사용하여 이미지를 스크롤하는 indexhibit의 포트폴리오를 구축하고 있습니다.

나는 이미지의 품질이 떨어지는 방식을 좋아하지 않았고 방문자의 화면이 허용하는 크기로 표시되기를 원했기 때문에 응답하지 않았습니다 (높이 : 90 %, 너비 : 자동;).

문제는 다음과 같습니다. 가로 컨테이너 div는 모든 이미지의 오른쪽에 큰 공백을 남기고 모든 원래 이미지의 크기 인 너비가 있습니다 (인덱시 형식 지정이 빌드됨에 따라). 이것은 이미지가 화면에 반응하여 축소되기 때문입니다. 따라서 실제로 충분히 큰 화면 크기를 가지고 있다면 이러한 이미지가 실제로 표시 될 것입니다.

컨테이너 div 너비를 자동으로 설정하면 분명히 다음 이미지로 이미지가 분할됩니다 선.

이 문제를 해결하기 위해 CSS로 할 수있는 일이 있습니까? 저는이 CMS로 코어 파일을 보내고 수정하는 것이 자신이 아닙니다.

감사

마이크 머스 내가 이미지가 표시되었다 방법 및 인라인 블록과 주변 연주

Answer 1

그것을 해결했다. 컨테이너를 가로로 표시하려면 약간의 변경이 필요합니다. 기본 코드는 다음과 같습니다.

#img-container { 
overflow-x: scroll; 
overflow-y: hidden; 
white-space:nowrap; 
} 
.img-div { 
    display: inline-block; 
}