可以通过以下几种方式实现:
.navbar {
display: flex;
justify-content: center;
}
.navbar {
position: relative;
}
.navbar-text {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
var navbar = document.querySelector('.navbar');
var navbarText = document.querySelector('.navbar-text');
var navbarWidth = navbar.offsetWidth;
var navbarTextWidth = navbarText.offsetWidth;
navbarText.style.marginLeft = (navbarWidth - navbarTextWidth) / 2 + 'px';
以上是使文本在引导导航栏上居中的几种常见方法。根据具体的开发需求和项目情况,可以选择适合的方式来实现。
领取专属 10元无门槛券
手把手带您无忧上云