[分享]css中如何让导航条居中

CSS中如何让导航条居中呢？

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

以上代码是使用flex布局，通过设置justify-content属性来实现导航条居中。

需要注意的是，这个方法只适用于水平方向上的居中，如果需要垂直方向上的居中，还需要设置align-items属性。

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

以上代码是实现水平和垂直方向上的居中。如果导航条内部还有其他元素，可以给这些元素设置margin: auto来实现元素的水平居中。