让导航内容居中

要让导航内容居中，可以使用以下方法：

1. 使用CSS布局属性：将导航栏外层的容器设置为居中对齐，例如使用margin: 0 auto;属性。

2. 使用flex布局：将导航栏容器设置为display: flex;，然后使用justify-content: center;属性将导航内容居中。

3. 使用grid布局：将导航栏容器设置为display: grid;，然后使用justify-content: center;属性将导航内容居中。

以下是一个简单的示例代码：

HTML代码：

<nav>
  <ul>
    <li><a href="#">首页</a></li>
    <li><a href="#">关于我们</a></li>
    <li><a href="#">服务项目</a></li>
    <li><a href="#">联系我们</a></li>
  </ul>
</nav>

CSS代码：

nav {
  display: flex;
  justify-content: center;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

li {
  display: inline-block;
  margin-right: 20px;
}

li:last-child {
  margin-right: 0;
}

a {
  text-decoration: none;
  color: #333;
}