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

Question

我正在使用 bootstrap4 导航栏，在左侧使用导航栏切换器图标并通过 mx-auto 将图像固定在中心位置，但图像不是整个导航栏的中心。

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

我怎么能这样做？

<a class="float-left">

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

     </span>

</a>

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

标签： cssbootstrap-4

Answer 1

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

}