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;}

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