如何在CSS中对齐水平导航栏？

Question

我的导航栏垂直对齐，我无法以水平方式对齐它。谢谢

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

.navbar .navbar-collapse {
  text-align: center;
}

Answer 1

很难看到导航条垂直和水平对齐的内容。但是，如果元素彼此相邻，则必须同时使它们成为

display: inline-block;

给他们两个宽度，即width: 50%;

如果一个高于另一个，那么你可以在两者上使用text-align。

你有屏幕帽还是jsfiddle？然后我可以帮助你更多。