我有一个图像作为导航栏，我希望它以页面为中心。它有一个固定的位置，这可能使它无法居中。
HTML 和 CSS：
.navbar {
display: block;
position: fixed;
top: 0;
text-align: center;
}<img src="Images/NavBar.png" alt="" class="navbar" usemap="#navbar-map" />我试过中心标签、text-align: center、 和left: auto; right: auto。没有工作。怎么了？
你可以设置
.navbar {
display: block;
position: fixed;
left: 50%;
transform: translateX(-50%);
}
.navbar {
display: block;
position: fixed;
left: 50%;
transform: translateX(-50%);
}<img src="https://i.pinimg.com/originals/44/cd/cb/44cdcb484a8febd81c1784cb11a96c7b.jpg" alt="" class="navbar" usemap="#navbar-map" />本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句