CSS中如何让导航条居中呢?
nav {
display: flex;
justify-content: center;
}
以上代码是使用flex布局,通过设置justify-content属性来实现导航条居中。
需要注意的是,这个方法只适用于水平方向上的居中,如果需要垂直方向上的居中,还需要设置align-items属性。
nav {
display: flex;
justify-content: center;
align-items: center;
}
以上代码是实现水平和垂直方向上的居中。如果导航条内部还有其他元素,可以给这些元素设置margin: auto来实现元素的水平居中。