將表格更改爲新行

Question

我有一個表格，其中每個表格包含其他表格。我想知道的是，如果新屏幕沒有屏幕空間，那麼如何讓表格開始新行。這裏是我的show.html.erb：

<table border="1"> 
    <tr> 
     <% @photos.each do |photo| %> 
      <td> 
       <table border="1"> 
        <tr> 
         <td><%= photo.author %></td> 
        </tr> 
        <tr> 
         <td><%= photo.title %></td> 
        </tr> 
        <tr>  
         <td><%= photo.link %></td> 
        </tr>  
       </table> 
      </td>  
     <%end%> 
    </tr>  
</table>    

感謝您的幫助

Answer 1

有許多不同的屏幕分辨率，並且設置它通過顯示的列x個工作，將尋找不同的其他用戶。解決這個問題的CSS可能比ruby更好（也更簡單）。創建左浮動div，當行空間不足時將自動放入新行。

.gallery_column { 
    float: left; 
    width: 150px; 
    border: 1px solid; 
} 

<div class='gallery_column'> 
    <% @photos.each do |photo| %> 
     <table border="1"> 
      <tr> 
       <td><%= photo.author %></td> 
      </tr> 
      <tr> 
       <td><%= photo.title %></td> 
      </tr> 
      <tr>  
       <td><%= photo.link %></td> 
      </tr>  
     </table> 
    <%end%> 
</div>