내용을 아래로 이동하지 않고 수평 스크롤링 부분

고정 된 높이와 100 % 너비의 div를 만들어야합니다. div의 내용은 일련의 이미지 (단지 img 태그)입니다. I는 화상의 폭보다 작은 윈도우 크기를 조정할 때내용을 아래로 이동하지 않고 수평 스크롤링 부분

목록 이동의 마지막 이미지/최초 이미지 아래, 아래 흐르고 왼쪽.

어떻게 다음 라인에 흐르는 사용자가 이미지의 나머지 부분을 볼 수평 사업부를 스크롤 강제되도록 한 줄에 모두 보관/이동에서 이미지를 유지합니까? 당신은 div에 white-space CSS 속성을 사용하고 그것을 nowrap 값을 제공 할 수 있습니다 http://jsfiddle.net/ZnWXj/2/

출처

2012-09-18 Jake Wilson

현재 코드는 무엇입니까? jsfiddle을 게시 할 수 있습니까? – cegfault

jsfiddle 예제가 추가되었습니다. –

: 여기

는 예로서 jsfiddle이다.

보기에서 this jsFiddle. (원래는 플러스 나는 overflow-y 속성을 추가했다.) 사용

CSS :

div { 
    height: 120px; 
    background: #666; 
    overflow-x: auto; 
    overflow-y: hidden; 
    white-space: nowrap; 
}

출처

2012-09-18 02:24:36 Eric

아아 공백은 ... 영원히 사용하지 않았습니다. 감사! –

난 당신이 왼쪽에있는 모든 이미지를 플로트하려고 생각합니다.

인용구 사용 모든 이미지를 절대치로두고 모든 이미지를 왼쪽으로 플로트하십시오.

뭔가이 내 머리 위로 아직 시도하지 않은 꺼짐 img 태그

에서 사용이

float:left; position: absolute;

있다. 내가 틀렸다면 미안해.

출처

2012-09-18 03:36:01

내용을 아래로 이동하지 않고 수평 스크롤링 부분

답변

관련 문제