Question

我一直把头发拉过来，不能弄清楚好几天，真的很感激一些帮助:(

我正在使用Drupal（和Views）来显示图像页面。图像使用网格格式布局。（我愿意将它从Grid更改为另一种格式，如果它有助于实现我更容易实现的目标）。

我所拥有的是6张图像，每张图片的设置宽度为150像素，图像的高度自动设置。

我想要实现的效果是让图像彼此坐在一起，目前图像所在的桌子的高度都是相同的，每张图像下面都有一个间隙，我想让图像到现场恰好相距1px，与他们在Tumblr上的表现相似。

下面是如何打印表格和图像的代码，有人可以帮助我吗？ pleaseeee。从我的搜索我认为我无法使用表格做到这一点。那是对的吗？如果是这样，那么我该怎么做才能保持类似的网格效果，这样图像在每一行上彼此相邻，然后很好地适合彼此？

非常感谢

    <table id="container" class="views-view-grid cols-6">

      <tbody>
              <tr class="block">
                      <td class="col-1 col-first">

      <div class="views-field views-field-field-image-pin">        
<div class="field-content ptpageimg"><div data-edit-id="node/3643/field_image_pin/und/_custom_views">
<div class="field-item"><div class="domeimageo">

    <a href="/members/ptarticle/woolie-003-0">
<img class="pthover" src="/files/styles/150x200/public/images/pinpage/760_w2.jpg?itok=_ux-EGvz" width="150" height="200" alt="" /></a>
    <a href="/ptarticle/woolie-003-0" target="_self">
    <p class="pttext">Woolie 003
    </p>
    </a>
    </div></div></div></div>  </div>          </td>

                      <td class="col-2">

      <div class="views-field views-field-field-image-pin">        
<div class="field-content ptpageimg"><div data-edit-id="node/3642/field_image_pin/und/_custom_views">
<div class="field-item"><div class="domeimageo">
    <a href="/members/ptarticle/085"><img class="pthover" src="/default/files/styles/150x200/public/images/pinpage/tumblr_mohhz9Ce001sor33mo1_1280.jpg?itok=4wFQzr_h" width="150" height="200" alt="" /></a>
    <a href="/ptarticle/085" target="_self">
    <p class="pttext">085
    </p>
    </a>
    </div></div></div></div>  
</div>          
</td>

Answer 1

如评论中所述：

除了像isotope.js之类的插件之外，无论你的行多高，坐在彼此旁边的元素都会受到影响。除非使用大量浮子和/或绝对定位，否则会发生这种情况。默认情况下，无论高度如何，a都应该在其前面。这是一种本性。

根据图像高度自动调整表格高度？

1 个答案: