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＆amp; - 但没有工作。我认为问题是每个人的班级名称都是一样的。有没有人知道如何解决这个问题？提前致谢！

Answer 1

在我看来，内联块确实可以做你想要的，但你应该在gs-result类元素上调用它：

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

http://jsfiddle.net/o9s0h7j0/

如何将具有相同名称的div放在彼此旁边并居中

1 个答案: