如何將圖像放在另一個下面？

我知道他們有很多類似的問題，但不是那些解決了我的問題。如何把圖像放在另一個x px的差距？這是我的代碼如何將圖像放在另一個下面？

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/ 正如你可以看到，他們的2幅圖像，但只有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。 –

工作非常感謝，最後一個問題。如何在兩個圖像之間留下一些空間？ –

如何將圖像放在另一個下面？

回答

相關問題