2

タグに座っているテキストの段落がありますp。このテキストの中に画像があります。その画像に対して、smallタグを使用して下にタイトルを追加したいと思います。これは HTML コードです (読みやすくするために改行を追加しました)。

<p>Lorem ipsum dolor sit amet, <img src="img/myimage.png" alt="myimage" /><small>
Hey look, thats my image!</small><br />consetetur sadipscing elitr,
sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam</p>

small次に、この CSS コードを使用して -tagに下マージンを追加します。

p small {
    margin-bottom: 30px;
}

機能していませんmargin-bottom。適用されません。左マージン、テキストの色などを変更できるので、セレクターは正しいです。

Twitter Bootstrapmargin-bottomに toを追加するにはどうすればよいですか?small

4

1 に答える 1

3

p smallはinlineアイテムであり、インラインアイテムにマージンを追加することはできません。試す：

p small {
    margin-bottom: 30px;
    display: inline-block;
}

の唯一の欠点inline-blockは、ブラウザ間の互換性の問題が発生する可能性があることです。

特定の例では、おそらくimgとsmallをdivでラップしてから、次のように定義できます。

p small {
    margin-bottom: 30px;
    display: block;
}
于 2012-08-12T18:44:21.260 に答える