2

ruby-on-rails を使用して、Twitter Bootstrap で pinterest のような方法 (欠員の説明を含む無限の 5 列の壁) で欠員をリストするためのフレームワークを作成しようとしています。

しかし、私には問題があります - ここのように行の要素の間に空白があります: http://i.imgur.com/m9Z5U.png

連続したキャンバスを表示するには、これらの空白を削除する必要があります。

壁を生成するために使用するコード:

<div class="row">
  <% @employer_vacancies.reverse.each do |employer_vacancy| %>
    <div class="span2 hero-unit left">
      <h2 style="margin-bottom:0px !important";> 
        <%= employer_vacancy.vacancy_title %>  
      </h2>     
      <br>
      <%= employer_vacancy.vacancy_description %>
     </div>
  <% end %>
</div>

JavaScript、あるいは CSS で実現できると思います。

4

2 に答える 2

4

列の数が可変である場合、CSSはこれを行うことができず、すべての一般的なブラウザーで機能する必要があります。

代わりに、jQuery Masonryを使用してください：http：//masonry.desandro.com/

フレームワークなしのバージョン、Vanilla Masonryもあります：http：//vanilla-masonry.desandro.com/

于 2012-06-11T11:12:02.460 に答える
3

jQueryMasonryを見てください。

于 2012-06-11T11:12:05.250 に答える