1

各リストがul の全幅のul左側にフロートされているリストを持っています。各リストには空白を与えるための右マージンがあります。width:24%;

ul.thumbs {
  list-style: none;
  width: 100%;
}
ul.thumbs li {
  display: inline;
  float: left;
  width: 24%;
  margin-right: 1.3%;
  margin-bottom: 15px;
}

.no_rmargin {
  margin-right: 0px !important;
}

ここで私は最後までクラス.no_rmarginを使用liしますが、動的に負荷がかかるたびに行の最後のリストにこれを追加するのは難しいです。この場合に適用する子式はありますか? 私のフィドルのようにnth-child(4n)

4

1 に答える 1

1

あなたが言ったように、nth-child(4n)完璧に動作します。

あなたはそれを使用するでしょうul.thumbs li

ul.thumbs li:nth-child(4n) {
    margin-right:0px;
}

例としてスタイリングを変更しました。

jsFiddle の例- 私はこれがあなたが望むものだと思います..明らかなものが欠けていない限り。

于 2013-11-07T02:55:09.433 に答える