Css 导航栏中居中的徽标

好的，我制作了这个导航条：

HTML:

CSS:

我想在我的导航栏中间使用“统一代码”，但是我试过了，但是我不能让它工作。

---

有什么帮助吗？

好吧，为了让你的导航位于页面的中心你需要在div中拖拽你的导航，所以我在类中添加div

.rope

，然后你设计

.rope

{display:flex；justify content:center；}

类似于下面的代码：

/*Css导航代码*/
.绳子{
显示器：flex；
证明内容：中心；
}
.统一代码标志{
背景尺寸：100px 59px；
宽度：50px；
高度：59px；
位置：绝对位置；
顶部：20px；
左：460px；
}
.主导航{
显示：内联；
字体系列：ubuntu；
字体大小：15px；
字体大小：粗体；
}
.主导航{
列表样式：无；
保证金：0；
左侧填充：0；
}
.主导航李{
颜色：#fff；
背景：#181818；
显示：块；
浮动：左；
边距：02px0；
填充：12px；
位置：相对位置；
文字装饰：无；
文本转换：大写；
}
.主导航李a{
颜色：#fff；
文字装饰：无；
显示：块；
}
.主导航li:悬停{
@包括过渡（背景，0.25s）；
背景：#453E3E；
}
.主导航{
背景：#181818；
可见性：隐藏；
浮动：左；
最小宽度：150px；
位置：绝对位置；
过渡期：能见度0.65秒；
边缘顶部：12px；
左：0；
z指数：999；
}
.主导航ul li：悬停>ul，
.主导航ul li ul：悬停{
能见度：可见；
}
.主导航ul li ul li{
明确：两者皆有；
填充：5px 0 5px 18px；
宽度：100%；
}
.主导航ul li ul li:悬停{
背景：#74b7e4；
}
.navbar品牌{
位置：绝对位置；
宽度：100%；
左：0；
排名：0；
文本对齐：居中；
保证金：自动；
}

欢迎使用Stack Overflow！寻求调试帮助的问题（“为什么此代码不起作用？”）必须包括所需的行为、特定的问题或错误以及在问题本身中复制它所需的最短代码。您的问题不清楚！您的代码中没有“Unity code”，除了页面本身的标题。那么，您的确切意思是什么？更重要的是，请使用编辑器（代码）将您的代码添加到堆栈溢出上因此，问答对这里的每个人都很有用。我很想在这方面帮助你，但你需要更清楚地提出你的问题，包括这里的代码。我在答案中添加了下面的代码，我希望这将有助于阅读问题的人和你的要求。如果他没有编辑问题，我们可以编辑它。