怎么让定位的图标绝对垂直居中

要让定位的图标绝对垂直居中，可以使用CSS中的Flexbox属性，将父元素设置为Flex容器，然后使用align-items:center来垂直居中子元素。同时，可以使用position:absolute和top,left,bottom,right等属性将子元素在父元素中定位。具体的代码实现如下：

HTML代码：

<div class="parent">
  <img src="location-icon.png" alt="定位图标">
</div>

CSS代码：

.parent{
  display:flex;
  justify-content:center;
  align-items:center;
  position:relative;
  /*同时，需要给父元素设置一个高度*/
  height:200px;
}

.parent img{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
}