css img 居中/水平居中/垂直居中

这是一个很简单的问题 , 也是一个很蛋疼的问题:

以下是html代码

<a class="img_center" herf="#">
    <img alt="这是图片文字提示" src="./bg.png">
</a>

以下是css代码:

.img_center{
    display:flex;
    justify-content:center;
    align-items:center;
}

此时a会独立成为一行 , 只需要加上 float:left;即可,即:

.img_center{
    display:flex;
    justify-content:center;
    align-items:center;
    float:left;
}

说蛋疼 , 是因为百度的很多答案都是瞎扯蛋 , 其实我现在也在瞎扯蛋 , 是因为这个简单的问题把我困扰住了