在ROR中定位無序列表

我嘗試在Rails應用中顯示以下列表。我想顯示每個用戶的圖像，然後列出他們旁邊的每個「引腳」，按級別降序排列。我似乎無法得到正確的CSS編碼顯示在一個單獨的行上的每個用戶。每個下一個用戶都向前浮動。這裏是我的代碼：在ROR中定位無序列表

<% @users.each do |user| %> 
    <ul class="ver2"> 
     <li><div><%= link_to (image_tag user.image(:small)), user %><h3><%= user.name %></h3></div></li> 
     <% user.pins.order('rank DESC').each do |pin| %> 
      <% if pin.date == 2013 %> 
       <li><div class="square"><%= link_to (image_tag pin.image(:medium)), pin %><br/> #<%= pin.rank %> - <%= truncate(pin.album, length:20) %> - <%= pin.artist %> -</div></li> 
      <% end %> 
     <% end %> 
    </ul> 
<% end %>

CSS：

.ver2 li { 
    list-style: none; 
    display: inline-block; 
    width: 150px; 
    float: left; 
} 
.ver2 img { 
    height: 75px; 
    width: 75px; 
} 
.square { 
    width: 150px; 
    height: 150px; 
    text-align: center; 
}

來源

2013-11-25 Tony Tambe

是否<％= link_to（image_tag user.image（：small）），user％>生成或？你能擺脫ruby代碼嗎？這與CSS問題完全不相干。從前端複製生成的HTML並將其粘貼到此處。謝謝。 –

這是您當前生成的標記嗎？ http://jsfiddle.net/bxK7t/ –

是的，謝謝馬克。 @thargor有我需要清楚的：左。 –

嘗試添加明確：左.VER li元素上。

來源

2013-11-25 01:09:03 thargor

在ROR中定位無序列表

回答

相關問題