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。我從這裏學到了東西。