이미지를 다른 이미지 아래에 두는 방법은 무엇입니까?

나는 그 (것)들의 많은 유사한 질문이다, 그러나 그 (것)들의 누구가 나의 문제를 고쳤다는 것을 나는 있있다. xpx 간격으로 다른 이미지 아래에 이미지를 두는 방법? 이이미지를 다른 이미지 아래에 두는 방법은 무엇입니까?

HTML

<img src="images/2.jpg" style="position:absolute;"> 
<img src="images/1.png" style="position:absolute;">

CSS 내 코드입니다

img { 
top: 50%; 
left: 50%; 
max-width: 480px; 
width: 100%; 
height: auto; 
transform: translate(-50%, -50%); 
display: block; 

}

편집 : 이것은 당신이 볼 수 있듯이,이 개 이미지들이 있습니다 내 문제 https://jsfiddle.net/50crfe10/ 이지만, 단지 1가 나타납니다. 하나가 다른 것 위에 있기 때문입니다.

출처

2016-06-13 KC Here

우리에게 더 많은 정보를 제공하십시오 부동산 변환 그것으로 당신의 확인하면 절대도 제거,이 코드는 주어진 문제를 이해하는 것만으로는 충분하지 않습니다? –

좋아, 내 게시물을 편집하겠습니다. 고맙습니다. –

이 [URL] (http://stackoverflow.com/help)을 확인하여 콘텐츠 품질을 높이는 것이 유용 할 것입니다. –

그냥 위치 제거 :

img { 
 
\t max-width: 480px; 
 
\t width: 100%; 
 
\t height: auto; 
 
     display: block; 
 
     margin:20px auto; 
 
\t 
 
    }

<body> 
 
    <img class="one" src="https://scontent-sin.xx.fbcdn.net/v/t1.0-0/s480x480/13432215_784505675021945_898862369521210510_n.png?oh=1600b007c6bc56ad2a9e72c5978166b5&oe=5802FEB3"> 
 
    <img class="two" src="https://scontent-sin.xx.fbcdn.net/v/t1.0-9/13423946_783982808407565_3306592852780950589_n.png?oh=1131478aac319f301c563d020ed8214e&oe=57C2C4DE"> 
 
</body>

출처

2016-06-13 10:52:15

하지만 중간에 이미지가 필요합니다 :/ –

그냥 여백 추가 : img에 자동. –

감사합니다. 마지막 질문입니다. 두 이미지 사이에 공간을 두는 방법? –

이미지를 다른 이미지 아래에 두는 방법은 무엇입니까?

답변

관련 문제