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 div {
    display: inline-block;
    margin: 0 auto;
}

Answer 2

试试这是非常有帮助的.我跳这是用来满满的.

.gallary{
 width:100%;
 }

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

Answer 3

尝试使用display: inline-block;将 div 保持在同一行并text-align:center;对齐到中心：

这是修复： http: //jsfiddle.net/4xxvb/3/