一张图片在CSS下面另一张图片

Question

如何使用CSS将一个图像显示在另一个图像下？例如，我正在尝试实现像

这样的东西

[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">

Answer 1

只需使用这个简单的CSS规则：

img {
    display: block;
}

所以，在你的情况下：

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

他们会互相展示。

但是，从XHTML 1.0开始，内联CSS规则（style=""）不再有效。您应该使用链接到HTML的外部CSS文件。

JSFiddle Link

我建议你阅读有关CSS的W3Schools页面。我从这里学到了。