我想不出有一种方法可以在导航栏的左侧放置徽标，但是项目要完美居中。我尝试使用margin auto作为物品，但由于徽标占用空间，他们会立即离开中心。
HttpContext.Request从上面的预览链接可以看到，第二个导航栏项目位于第一个导航栏项目的完全相同的位置。问题是我希望这些完全居中，好像徽标永远不存在。因此，我需要导航项向左移动才能完全居中并且不受徽标的影响。
我该怎么做？希望有意义！
编辑：图片更清楚地说明问题：
答案 0 :(得分：1)
有两种方法可以解决您的问题。
1）徽标类适用css position: absolute，父类适用css position: relative;
2）菜单类navbar-nav应用css transform: translateX(-80px);您可以获得导航中心对齐。按照你的期望。
答案 1 :(得分：1)
使用绝对定位：
.navbar-brand {
position: absolute;
left: 16px;
}
答案 2 :(得分：0)
请使用Bootstrap 4作为此类预定义的css库。 复制粘贴下面找到结果的代码
Error: Couldn't setup listening socket (err=-3)
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css">
祝你好运：）