2012-10-13 199 views
1

如何使用CSS在另一张图片下显示一张图片?比如我想实现像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"> 
+4

你到目前为止尝试过什么?初学者不会毫不费力地走远。 –

回答

8

只要使用这个简单CSS规则:

img { 
    display: block; 
} 

所以,你的情况:

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

他们将显示在对方下。

但是,由于XHTML 1.0,内联CSS规则(style="")不再有效。您应该使用链接到您的HTML的外部CSS文件。

JSFiddle Link

我建议你阅读关于CSS的网页W3Schools。我从这里学到了东西。

+0

Chocolate Moltres Cake RecipeMoltres

+0

把你的CSS放入'STYLE =“”'ATTRIBUTE !!!!像这样:''!!!!! –

相关问题