jquery - 如何将具有相同名称的div彼此相邻放置并居中

Question

我想让下面两张图片并排显示并居中

    <div class="newnew" align="center">
    <div class="gs-result gs-imageResult">
      <div class="gs-image-box">
      <img src="picture1" id="badge1"></img>
        <a class="gs-image">
          <img class="gs-image"/>
        </a>
      </div>
      <div class="gs-text-box">         
      </div>
    </div>
    <div class="gs-result gs-imageResult">
      <div class="gs-image-box">
      <img src="picture2.png" id="badge1"></img>
        <a class="gs-image">
          <img class="gs-image"/>
        </a>
      </div>
      <div class="gs-text-box">

      </div>
    </div>
</div>

我尝试使用 float :.gs-image-box{float:left;}那行得通，但是图片不再居中。我还尝试了 inline-block & -table 但没有用。我认为问题在于每个人的类名都相同。有谁知道如何解决这个问题？
提前致谢!

Answer 1

在我看来，inline-block 确实可以满足您的需求，但您应该改为在 gs-result 类元素上调用它:

.gs-result{
    display:inline-block;
}

http://jsfiddle.net/o9s0h7j0/