하나의 이미지 CSS 아래 다른 이미지

Question

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

에서 초보자입니다

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

뭔가를 달성하기 위해 노력하고 CSS 규칙 :

img { 
    display: block; 
} 

따라서, 귀하의 경우 :

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

서로 아래에 표시됩니다.

그러나 XHTML 1.0부터 인라인 CSS 규칙 (style="")은 더 이상 유효하지 않습니다. 은 HTML에 링크 된 외부 CSS 파일을 사용해야합니다.

JSFiddle Link

난 당신이 CSS에 대한 W3Schools 페이지를 읽으십시오. 나는 여기서 배웠다.