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>

将表格转移到新行

1 个答案: