在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中定位无序列表

回答

相关问题