css导航条上下居中

网页设计中，导航条是非常重要的元素之一，其设计直接关系到整个网站的用户体验，其中上下居中对于导航条设计来说更是重要，下面介绍一些实现方法。

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

上面的代码利用了flex布局，通过justify-content:center和align-items:center实现了导航条的上下居中。使用这种方法，导航条可以很方便地适应不同设备的大小。

下面介绍另一种方法，利用padding和line-height。

nav{
  padding:20px 0;
  line-height:60px;
}

上面的代码通过设置padding和line-height来使导航条上下居中，其中line-height的值应该等于导航条的高度，padding可以根据实际情况调整。但是这种方法只适用于导航条不分行的情况。

总之，在设计导航条时，要考虑到上下居中的问题，使得整个网站的布局更加美观、舒适。