0

プロジェクトのスクリーン ショットを取り出して div に配置する drupal ビューがあります。各ボックスを個別にスタイル設定せずに、CSS に 3 列の行に余白を付けて配置する賢い方法があるかどうか疑問に思っていました。

最初の行のスタイルは簡単です。これは、div-even に左右のマージンを与えることができるためですが、2 行目では、div-odd にマージンを与え、偶数 div にはマージンを与えないようにする必要があります。

私は自分がいる場所の J fiddle Mockup を作成しました。最初と最後の div のクラスのスタイルを設定し、奇数と偶数のルールを指定することもできますが、スクリーン ショットをどのように投影するかがわからないため、各 div ボックスを個別にスタイル設定したくありません。

http://jsfiddle.net/eGWY6/

4

3 に答える 3

0

ねえ今cssをこのように定義します

.view-last{
margin-right:0;
}
.view-4{
margin-left:0;
}

デモ

于 2012-08-17T11:11:08.747 に答える
0

このフィドルをチェックしてください。これがあなたが探しているものだと思います。パーセンテージで幅を指定すると、簡単に配置できます。

http://jsfiddle.net/eGWY6/7/

これで、代替divに奇数または偶数の名前を付けて、スタイルを設定できます。

于 2012-08-17T11:12:27.670 に答える
0

これは次の方法で解決できます。

jQuery:

// Remove margin on third project screen shot
if($("#projects-wrapper div").length){
  $("#projects-wrapper div").each(function(i){
    var remainder = (i + 1) % 3; //3th change to your needs
    if(remainder === 0){
      $(this).addClass("last");
    }
  });
}

CSS:

.last {margin-right: 0;}
于 2012-08-17T11:03:06.523 に答える