div로 CSS 오버플로

Question

div에 오버플로를 사용하여 모든 div와 image 및 텍스트를 표시하고 싶지만이 예에서는 이미지 만 사용했습니다.

필자는 화이트 스페이스만으로 이미지를 잘 사용하면 가로 스크롤이 필요합니다. nowrap : nowrap; CSS하지만 각 이미지가 div에 있으면 스크롤이 사라지고 이미지가 모두 표시되지 않습니다.

Example 3 here

첫 exemple 작업은 내가 포장에 모든 사업부를 폭을 제공하는 경우를 제외한 모든 사업부가 dynamicaly라고 때문에 나는이 메도 작업을 수행 할 수 있습니다 내가 백 1 개 사업부를 가지고 할 수 있다는 것을 의미합니다. 여기

3 예제의 코드

#dmcscroll2 { 
    white-space: nowrap; display: 
    block; width:660px; 
    height:112px; 
    overflow: auto; 
    overflow-y: hidden; 
    /*overflow : 
    -moz-scrollbars-horizontal;*/ 
    border-style:solid; 
    border-width:1px; 
    border-color:#000; 
} 
.div-image{ 
    float: left; 
    width: 125px; 
} 

나는 동적 자바 스크립트 호출에서 얻을 것이다 이미지 사업부의 수를 모른 채 3 기술을 위해 할 수있는 방법에 대해 설명합니다. 당신은 소스 코드를 볼 수 있습니다

는

가

Answer 1

당신은 .div-image CSS에서 float:left을 제거 할 수 있습니다 세부에 더 많은 참조 대신 display: inline를 추가합니다 :

당신이 그것을 원하는 방식으로 작동하는 것 같다

.div-image{ 
    display: inline; 
    width: 125px; 
} 

당신의 예제 웹 사이트에.