在两个div之间放置一个图标

Question

我想在两个div之间放置一个图标（或png图像），就像在此图像中一样。 （绿色图标）但我不知道我该怎么做。你能告诉我我该怎么做或者你可以给我一个关于这个主题的链接。谢谢

Answer 1

您应该对图像使用绝对位置。

看看这个：https://jsfiddle.net/ux8dgkpt/2/

.icon{
    width:50px;
    height:50px;
    position: absolute;
    margin:-25px 0 0 -25px;
}

Answer 2

你必须得到一个div，它是' position：absolute; '。您可以使用“顶部”，“底部”（从下一个“位置：相对;父级”或“ margin-top ”计算） 。然后在您编辑的div标签中包含另一个div标签。这应该是' position：relative; '和' margin：auto; '。现在包含您的“ img ”标记。

预览

<div style=background-image:url(); position: relative;">
 <div style="position: absolute; bottom: 25px;>
  <div style=margin: auto;>
   <img src="image.png" height=50">
  </div>
 </div>
</div>

bolşanskardeşim，sorunvarsayardımederim。