如何使用css将图像固定在中心

我使用的是bootstrap4导航栏，在左侧使用导航栏切换图标，并通过mx auto将一个图像固定在中心。它可以工作，但图像不在整个导航栏的中心

它需要在切换图标后居中，但我需要的图像要成为整个导航栏的中心，而且切换图标要放在左侧

我怎么能这样做

<a class="float-left">

     <span class="navbar-toggler-icon"> 

     </span>

</a>

<img src="logo.png" class="mx-auto"/>

---

欢迎来到堆栈溢出，请阅读：欢迎来到堆栈溢出，请阅读：欢迎来到堆栈溢出，请阅读：。没有解释的纯代码答案不是很有用，通常会被删除。

img {
    position: absolute;
    left: 50%;
    right: 50%;
    transform: translate(-50%,-50%);
}
nav{
poasition:relative;

}