1

CSSを使用して1つの画像を別の画像の下に表示するにはどうすればよいですか？たとえば、私は次のようなことを達成しようとしています

[image 1.jpg]
[image 2.jpg]

私はCSSの初心者です

これが私のコードです、なぜそれが機能しないのですか？：

<img { display: block; width: 246px; height: 203px; } title="Chocolate Moltres Cake Recipe" src="print_files/chocolatecake.jpg" alt="Chocolate Moltres Cake Recipe" border="0">
<img { display: block; width: 246px }title="Moltres" src="i.imgur.com/simHG.jpg"; alt="Moltres" border="0">
4

1 に答える 1

9

この単純なCSSルールを使用するだけです。

img {
    display: block;
}

だから、あなたの場合：

<img style="display: block;" src="xxx.jpg" alt="" />

それらは互いに下に表示されます。

ただし、XHTML 1.0以降、インラインCSSルール（style=""）は無効になりました。HTMLにリンクされた外部CSSファイルを使用する必要があります。

JSFiddleリンク

CSSに関するW3Schoolsのページを読むことをお勧めします。ここから学びました。

于 2012-10-13T00:16:17.360 に答える