如何使用CSS在中心固定图像

Question

我使用bootstrap4导航栏，在左侧使用导航栏切换图标，并通过mx-auto将图像固定在中心，但可以，但该图像不能在整个导航栏上居中。

它在切换器图标之后居中，但是我需要使图像成为整个导航栏的中心，并且切换器图标也要放在左侧。

我该怎么办？

<a class="float-left">

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

     </span>

</a>

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

Answer 1

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

}