0

例として、サムネイルを作成しようとしていますが、以下にリストされている自動imgcssが適用されます

img, img a {
border: none;
  margin-top:10px;
  margin-bottom:10px;
}

どういうわけか頭の中で理解できません。構文はおそらく単純だと思いますが、覚えていないようです。ありがとうクリス

4

2 に答える 2

1

画像にマージンを追加できない理由は、img要素がデフォルトでインラインであるためです。それはあなたがそれらに寸法を与えることも、下または上からマージンを追加することもできないことを意味します（そしてあなたがおそらく読むべき他のいくつかのもの）。

これは、img要素に上または下からマージンを与えるために、それをブロックとして、またはむしろインラインブロックとして宣言する必要があることを意味します。これは、

img { display: inline-block; }

次に、マージンとビオラを追加できます。

img { 
    display: inline-block;
    margin: 10px 0; }
于 2012-10-28T00:58:08.437 に答える
0

すべての画像を特定の方法でスタイルしてから、特定のコンテナー div 内の画像を除外しようとしていますか? コンテナ div が #wrapper という名前の場合は、次のようにします。

#wrapper img,
#wrapper a img /* assuming that's what you meant rather than img a */
{
  /* undo what you did above for images inside #wrapper */
  margin-top: 0;   margin-bottom: 0;
}

画像は常にさまざまなコンテキストで使用されるため、このような img の緩やかなセレクターは問題になる可能性があります。#content div などの内部にある画像のみにスタイルを適用することを好みます。

于 2012-10-27T23:08:08.773 に答える