Question

我有一大堆HTML可以将图像和其他内容一起显示在内联块的同一个框中：

<body>
  <div class="attachment-list">
    <div class="galleryslot">
      <a class="">
      <img src="http://www.google.ie/logos/classicplus.png" width="100">
      </a>
      </div>
      <div class="galleryslot">
         <a class="" >
         <img src="http://www.google.ie/images/nav_logo99.png" width="75">
         </a>
      </div>
</div>

这是我的尝试，但显然是未对齐的，galleryslot div将包含更多链接和图像，但应该像这样工作。

http://jsbin.com/afiqeg/3

知道我错过了什么吗？我觉得它与firefox非常不一致，较宽的图像与较高的图像对齐，我希望它们在顶部对齐。

Answer 1

只需float: left您现有的<div>，并向家长overflow: auto提供：http://jsbin.com/edacib/edit#javascript,html,live

将显示块div对齐到同一行

1 个答案: