CSS浮動剩餘邊緣自動div？

Question

朋友你好我可以設置float:left與margin:auto

這是我的html代碼

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

我的CSS代碼，這是行不通的。

.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

只使用inline-block的，而不是浮點

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

Answer 3

嘗試使用display: inline-block;保持的div在同一行和text-align:center;不對齊到中心：

這裏的修復： http://jsfiddle.net/4xxvb/3/

Answer 4

我測試了它，得到它的工作，你需要做的是：

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