我将尝试翻译以下内容:
任何帮助都将不胜感激,我已经花了太多时间在这上面了。
我正在尝试将文本置于导航栏内,其中标志图像位于导航栏项目之间,但是我只能将标志居中作为品牌图像。
这是我的代码:
<a role="button" class="navbar-burger" aria-label="menu" data-target="navMenu" aria-expanded="false">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
<nav class="navbar is-white">
<div class="navbar-brand">
<a class="navbar-item" href="/">
<img src='img/logo.png' style="width: 100px;">
</a>
<div class="navbar-menu" id="navMenu">
<div class="navbar-start">
<a href="#" class="navbar-item nav-text">Paslaugos</a>
<a href="#" class="navbar-item nav-text">Kainos</a>
<a href="#" class="navbar-item nav-text">DUK</a>
<a href="#" class="navbar-item nav-text">Apie Mus</a>
</div>
</div>
</nav>
样式表
.navbar .navbar-brand {
text-align: center;
display: block;
width: 100%;
}
.navbar .navbar-brand > .navbar-item,
.navbar .navbar-brand .navbar-link {
display: inline-block;
}
任何帮助都将不胜感激,我已经花了太多时间在这上面了。
inline-block
,然后在该包装器的父元素上设置text-align:center;
。 - Rainbow