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

看看jQuery Masonry

于 2012-06-11T11:12:05.250 回答