0

レンダリングするコレクションがありますが、最後ではなくアイテム間の境界線を表示したいと考えています。これは可能ですか？

render :partial => 'classrooms/classroom_result', :collection => @result, :as => :classroom

_classroom_result.html:

<div style='border-bottom:1px solid #CCCCCC;'>
  <%= classroom.name %>
</div>

基本的に、スタイリング目的でコレクションの最後のアイテムを区別する方法はありますか? この例では、コレクション全体を囲むボーダーがあるため、最後のアイテムに border-bottom の css を配置したくありません。

4

1 に答える 1

0

まず、これは CSS の問題であり、Rails の問題ではありません。

これを行うには、適切なスタイルシートが必要です。あなたのようにインラインスタイルでこれを行うことはできないと思います。次に、このs の<div>リストを識別する CSS クラスが必要です。次に、疑似セレクターを使用して、最後の要素の境界線を無効にします。<div>:last-child

スタイルシートで:

.classroom {
  border-bottom:1px solid #CCCCCC;
}

.classroom:last-child {
  border-bottom:0;
}

あなたの部分的に：

<div class="classroom">
  <%= classroom.name %>
</div>

それはそれを行う必要があります。また、:last-child は <= IE8 では機能しませんが、他のほとんどの比較的最近のブラウザーでは機能します。

于 2012-12-21T02:12:17.003 に答える