jquery - リスト項目を 3 つ続けて作成するにはどうすればよいですか

Question

最近このテーマを購入しました。ホームページにアイテムを表示してテーマファイルをカスタマイズしたい、つまり、投稿のリストが4つ表示され、やりたいのは3行です。cssまたはjqueryを使用してこれを行うことは可能ですか。ここにテーマのリンクがあります ホームページでは投稿を4つ見ることができます（私は3つにしたいです） ここにリンクがあります

css を使用してリストを 3 つにすることは可能ですか?

Answer 1

追加してみる必要があります:

.articles li:nth-child(n) {
   margin-left: 30px;
   margin-right: 50px;
}

次のような結果が得られます。

Answer 2

最新の方法は次のとおりです。

.articles li {
  padding: 7px;
  width: 308px;
  text-align: left;
  position: relative;
  float: left;
  min-height: 210px;
  margin: 0 9px 9px 0;
}
.articles li:nth-child(3n) {margin-right:0;}

これはあなたにこれを与えるでしょう：

古いブラウザーと互換性を持たせたい場合は、次の小さな jQuery スニペットを使用してください。

$(".articles li:nth-child(3n)").css("margin-right", 0);