如何在css中水平对齐导航栏?

我的导航栏垂直对齐,而我无法水平对齐。谢谢

.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
  list-style-type: none;
}

.navbar .navbar-collapse {
  text-align: center;
}
切斯特·里瓦斯(Chester Rivas)

很难看到导航栏在垂直和水平方向上对齐的内容。但是,如果元素彼此相邻,则必须使它们都

display: inline-block;

并给它们一个宽度,即 width: 50%;

如果一个在另一个之上,则可以在两个之上使用text-align。

您有屏幕截图或jsfiddle吗?然后,我可以为您提供更多帮助。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在命令栏中水平对齐AppBarButton

如何将导航栏与CSS对齐

如何在CSS中垂直和水平对齐?

我的导航栏无法水平对齐

如何在Xcode中左对齐导航栏的标题?

如何根据屏幕尺寸(引导)对在导航栏中水平对齐的<ul>元素进行重新排序

如何在导航栏中右对齐文本-HTML

如何在Materialize CSS中水平对齐列?

无法在导航栏中水平对齐菜单项

如何在导航栏中间对齐项目?

如何在实现CSS导航栏的按钮内部居中对齐图标?

我的导航栏无法正确填充屏幕的100%宽度。导航栏中的项目变为水平对齐

如何对齐导航栏中的元素?

如何在水平居中的导航链接旁边对齐徽标?

如何在CSS中对齐导航下拉菜单?

如何在CSS的导航栏中添加徽标?

如何在一行中对齐导航栏链接

如何在 CSS 中水平居中导航菜单?

如何在此导航栏上设置背景不透明度并水平对齐所有内容?

如何在 Bootrap 导航栏中显示水平子菜单?

如何在 CSS 中垂直对齐两个导航栏项目,然后是图像,然后是两个导航栏项目?

如何将导航项目与导航栏中的右侧对齐?

如何在 CSS 中水平对齐多个图像

如何在 css 中的导航栏上应用模糊效果

如何在tailwind-css中水平对齐图像

水平导航栏的元素不顶部对齐

如何在导航栏中对齐图像和文本

如何在 css react 的导航栏中对齐我的图标?

如何在引导程序 5 导航栏中右对齐最后一个 LI