div에서 float가 자동으로 떠있는 CSS 플로트?

Question

안녕 친구 난이이 작동하지 않습니다

<div class='gallary'> 
     <div>1</div> 
     <div>2</div> 
     <div>3</div> 
     <div>4</div> 
</div> 

내 CSS 코드 내 html 코드 인 margin:auto

와 float:left을 설정할 수 있습니다.

.gallary{ 
    width:100%; 
} 
.gallary div{ 
     float:left; 
     margin:0 auto; 
    } 

도와주세요. 감사합니다.

Answer 1

시도하면 도움이됩니다. 나는 이것이 너에게 충분하게 사용된다고 생각한다. 당신이해야 할 모든이,

.gallary{ 
width:100%; 
} 

.gallary div{ 
     vertical-align:top; 
     display:inline-block; 
     margin:0 auto; 
} 

Answer 2

단지 인라인 블록 대신에 플로트를 사용

.gallary div { 
    display: inline-block; 
    margin: 0 auto; 
} 

Answer 3

같은 줄에있는 div를 유지하기 위해 display: inline-block;를 사용하여 시도하고 text-align:center; 중앙에 정렬을 수행합니다 수정있어 여기

: http://jsfiddle.net/4xxvb/3/

을

Answer 4

나는 그것을 테스트하고 그것을 작동있어 :

.gallary{ 
    width: 100%; 
    text-align: Center; 
} 
.gallary div{ 
    display: Inline-block; 
}