css样式设置元素无法居中（上个问题没描述清楚）

上下边距问题，你可以通过这几个个样式去调整，margin-top margin-bottom padding-top padding-bottom
对于图片还可以通过background-position 来设置上下的位置。如果这几个样式不懂，打开w3s school分分钟明白，教你代码不如教你方法，自己研究出来的
好过别人赠与的

我觉得这种最好用一个弹性盒把想要居中的元素包住，然后用盒子的方式居中。
举个例子：

.center {
display: flex;
justify-content: center;//主轴居中（默认水平）
align-items: center;//另外一个轴居中
height: 100vh;//根据实际情况调整
width: 100vw;//根据实际情况调整
}

1，这里完全不需要用定位，
2，你用margin: 0 auto；只能左右居中，
3. 试着改一下

 .icon-img-content{
        ......
        transform: translateY(高度的一半)
 }

你是想要让img上下居中吗，试试这个
.icon-img-content{
vertical-align: middle;
}
或者
.icon-img{
position: relative;
}
.icon-img-content{
position: absolute;
//上下左右都居中，左右不居中的话去掉left，然后改 translate(0, -50%)
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%,-50%);
}