Question

my site上的导航栏居中，但我无法将其中的项目置于中心位置。谁能帮我？

Answer 1

快速修复：

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

.navbar .nav {
   /*float:left;*/
   display:inline-block;
   vertical-align:top;
}

.nav-collapse {
    display:none;
}

.navbar .divider-vertical {
    height:42px;
}

由于您的网站似乎具有响应能力，因此您可能希望在缩小尺寸时适当调整样式。

是的，有趣的新闻标题：）

Answer 2

您需要在css中更改这些内容:(应删除任何已注释的属性）

.navbar ul {
  /* letter-spacing: -0.01em; */
}

.navbar .nav {
  border-right: 2px solid black;
  /* position: relative; */
  /* left: 0; */
  display: inline-block;
  /* float: left; */
  margin: 0;
  /* width: 100%; */
  /* height: 10px; */
}


.navbar li {
  /* width: auto; */
  /* display: block; */
  display: inline-block;
  margin-bottom: 0;
  /* line-height: 40px; */
  /* font-size: 14px; */
}

.navbar {
  text-align: center;
}

删除“.divider-vertical”li，不需要，它不会为您的代码添加语义值。

将响应的导航栏中的元素居中

2 个答案: