0

cycle('float: left', 'float: right')ヘルパーを使用する代わりに、cycle純粋な css クラスを使用できるように置き換える方法はありますか。1 つの列内で左右に div を揃える必要があります。サイクルを使用するとキャッシングが困難になるため、代わりに静的スタイリングを使用することをお勧めします。

<div class="userCards">
    <div class="singleCard <%= cycle 'cardLeft', 'cardRight' %>">
        <!-- content -->
    </div>
</div>

userCardは高さが固定されていることに注意しoverflow: hidden てくださいwidth: 48%。

4

1 に答える 1

5

nth-child()セレクターの作業のように聞こえます：

.userCards .singleCard:nth-child(odd) {
  float: left;
}

.userCards .singleCard:nth-child(even) {
  float: right;
}
于 2012-11-05T13:46:48.963 に答える