랩 테이블 아래로 다음 주위

Question

는 내가 같은 테이블에 서식을 지정하려는 이름의 목록을 가지고 레일 다음

: 결과가 사용자에게 다음과 같습니다

Item.all.map(&:name) 

<tr> 
    <td>Apple</td> 
    <td>Dragon</td> 
</tr> 
<tr> 
    <td>Banana</td> 
    <td>Elephant</td> 
</tr> 
<tr> 
    <td>Cherries</td> 
    <td>Flamingo</td> 
</tr> 

이러한 것을

Apple | Dragon 
Banana | Elephant 
Cherries | Flamingo 

등

가장 쉬운 방법은 무엇입니까?

Answer 1

나는 이것을 위해 <table>을 사용하지 않을 것입니다. 서로 옆에 <div>을 놓는 것이 더 쉬울 것입니다. 이런 식으로 뭔가 :

컨트롤러 :

이

@list = %w(Apple Banana Cherries Dragon Elephant Flamingo) 

CSS :

.float_left { float: left; } 
.clear { clear: both; } 

보기 :

<div class="float_left"> 
<% @list.each_with_index do |item, index| %> 
    <%= item %><br> 
    <% if (index + 1) % 3 == 0 %> 
    </div><div class="float_left"> 
    <% end %> 
<% end %> 
</div> 
<div class="clear"></div> 

이 this result를 제공해야합니다.