如何将图像放在另一个下面？

我知道他们有很多类似的问题，但不是那些解决了我的问题。如何把图像放在另一个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。 –

工作非常感谢，最后一个问题。如何在两个图像之间留下一些空间？ –

如何将图像放在另一个下面？

回答

相关问题