在两个div之间放一个图标

Question

我想在两个 div 之间放置一个图标（或 png 图像），如此图像所示。（绿色向下图标）但我不知道该怎么做。你能告诉我我该怎么做，或者你能给我一个关于这个话题的 link 吗？谢谢

Answer 1

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

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

Answer 2

您必须得到一个 div，即“position: absolute;”。您使用“top”、“bottom”（从下一个 'position: relative;' 父项开始计数）或“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 şans kardeşim, sorun varsa yardım ederim。

在两个div之间放一个图标

Put an icon between the two divs

html

css

icons