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

只使用inline-block而不是float

.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/

Answer 4

我测试了它并使其正常工作，您所要做的就是：

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