如何在html&中移动图像CSS

时间:2017-06-03 01:53:44

标签: html css

我使用Getty图像中的嵌入图像,我想将图片移到另一张图片下面。

以下是第一张图片的代码



<div class="getty embed image" style="background-color:#fff;display:inline-block;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;color:#a7a7a7;font-size:11px;width:100%;max-width:506px;">
  <div style="padding:0;margin:0;text-align:left;">
    <a href="http://www.gettyimages.com/detail/73667906" target="_blank" style="color:#a7a7a7;text-decoration:none;font-weight:normal !important;border:none;display:inline-block;">Embed from Getty Images</a>
  </div>
  <div style="overflow:hidden;position:relative;height:0;padding:66.403162% 0 0 0;width:100%;">
  <iframe src="//embed.gettyimages.com/embed/73667906?et=x-Pax92QRbhQPd71Hr6VwA&tld=com&viewMoreLink=on&sig=_RFZUtF6qBuiB6YWp3Ycrg9GFwMLvAYqV15y4_Cjejk=&caption=true" width="506" height="336" scrolling="no" frameborder="0" style="display:inline-block; position:absolute; top:0;left:0;width:100%; height:100%; margin:0;" ></iframe>
  </div>
  <p style="margin:0;"></p>
</div>
&#13;
&#13;
&#13;

以下是第二张图片的代码

&#13;
&#13;
<div class="getty embed image" style="background-color:#fff;display:inline-block;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;color:#a7a7a7;font-size:11px;width:100%;max-width:478px;">
   <div style="padding:0;margin:0;text-align:left;">
    <a href="http://www.gettyimages.com/detail/500284629" target="_blank" style="color:#a7a7a7;text-decoration:none;font-weight:normal !important;border:none;display:inline-block;">Embed from Getty Images</a>
   </div>
   <div style="overflow:hidden;position:relative;height:0;padding:75.104603% 0 0 0;width:100%;">
     <iframe src="//embed.gettyimages.com/embed/500284629?et=97hObt6TTeV4YPmb9EWgpA&tld=com&viewMoreLink=on&sig=6orn1zgKVOtb4oFXLEM8vZ1xArk_b24dCn9H2L6Qzz4=&caption=true" width="478" height="359" scrolling="no" frameborder="0" style="display:inline-block; position:absolute; top:0;left:0; width:100%; height:100%; margin:0;" ></iframe>
   </div>
  <p style="margin:0;"></p>
</div>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:1)

一种非常简单的方法是在包含图像的div之间添加:<br> html标记。 这将在图像之间放置换行符。