一张图片在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链接

我建议你阅读关于CSS 的W3Schools页面.我从这里学到了什么.