0

各セルに他のテーブルが含まれるテーブルがあります。私が知りたいのは、画面に新しい列のスペースがないときにテーブルを新しい行から開始する方法です。ここに私の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>
4

1 に答える 1

1

多くの異なる画面解像度があり、x 列数を表示するように設定すると、他のユーザーには異なって見えます。この問題を解決するには、Ruby よりも CSS の方が優れている (そして単純である) かもしれません。行のスペースがなくなると、自動的に新しい行にドロップされる左フローティング 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>
于 2013-07-28T09:30:15.117 に答える