如何讓我的井垂直對齊

我有一個頁面顯示另一口井內有3口井。 http://visualhaggard.org/illustrations/2。在左邊有一個span5，右邊是7。右邊的插圖在一個井裏，而右邊的兩個插圖都在他們自己的井裏。標題部分「其他插圖......」不在這些井中。如果我移動了井內的頭，井成爲與底部一個偏移約20像素的頂部一個的右邊，就像這樣：如何讓我的井垂直對齊

image of offset wells

下面的描述與我的本地環境，不是出了什麼想象中的鏈接：

的井坐在一個正常的引導span7

這裏是爲補充井的造型：

.well-associated-thumbnails { 
    height:250px; 
    overflow:auto; 
    background-color: white; 
    border-style: solid; 
    border_color: black; 
}

這裏從井的代碼之上：

<div class="span12 well-associated-thumbnails"> 
    <h5>Other Illustrations from <%= @novel_name %></h5> 
    <% @related_illustrations_by_novel.each_slice(4) do |set| %> 
     <div class="row-fluid"> 
     <% set.each do |illustration| %> 
      <div class="span3 "> 
      <div align="center"><%= link_to image_tag(illustration.aws_image_thumbnail_url), illustration %> 
       <br /> 
       <span style="font-size:x-small;"> 
        <%= illustration.short_name %> 
       </span> 
       <br /> 
      </div> 
      <br /> 
      </div> 
     <% end %> 
     </div> 
     <br /> 
    <% end %> 
</div>

這是很好底部：

<div class="span12 well-associated-thumbnails"> 
    <h5>Other Illustrations with similar Tags:</h5> 
    <% @related_illustrations_by_tags.each_slice(4) do |set| %> 
     <div class="row-fluid"> 
      <% set.each do |illustration| %> 
       <div class="span3 "> 
        <div align="center"><%= link_to image_tag(illustration.aws_image_thumbnail_url), illustration %> 
         <br /> 
         <span style="font-size:x-small;"> 
          <%= illustration.short_name %><br /> 
          <%= link_to illustration.edition.novel.name, illustration.edition.novel %><br /> 
         </span> 
        </div> 
       <br /> 
       </div> 
      <% end %> 
     </div> 
     <br /> 
    <% end %> 
</div>

任何人都可以提出建議，爲什麼井搞的一團糟，當我把標題內他們？謝謝。

來源

2013-05-27 Joe Essey

您是否嘗試過使用CSS重置或簡單* {margin：0;填充：0; }？ – ramonovski

我只是在必要的位置將<div class="span12 well-associated-thumbnails">更改爲<div class="well well-associated-thumbnails">。

來源

2013-05-27 18:47:13

如何讓我的井垂直對齊

回答

相關問題