2013-11-28 90 views
3

朋友你好我可以设置float:leftmargin:autoCSS浮动剩余边缘自动div?

这是我的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; 
    } 

请大家帮忙。 谢谢。

+0

要居中里面.gallary的div? – 2013-11-28 19:37:34

+0

@ marcelo2605是的,亲爱的,但是还剩下了浮动。 –

+0

内部div有固定宽度吗? – 2013-11-28 19:42:41

回答

5

试试这个完全是非常有帮助的。我跳这全部用于你。

.gallary{ 
width:100%; 
} 

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

只使用inline-block的,而不是浮点

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

不,亲爱的,这不是所有的决议。 –

0

我测试了它,得到它的工作,你需要做的是:

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

嘿!你可以添加更多的细节,可能解释你的代码,为什么它的作品? (编辑你的答案,不要评论,谢谢) –