可以使用以下样式实现导航栏内容居中显示:

nav { background-color: #8B0000; display: flex; justify-content: center; }

nav ul { list-style-type: none; margin: 0; padding: 0; display: flex; }

nav li { margin-right: 20px; }

nav a { display: block; color: #fff; text-decoration: none; padding: 10px; }

nav a.active, nav a:hover { background-color: #660101; }

在样式中,将导航栏的容器设置为 flex 布局,并使用 justify-content 属性设置内容水平居中对齐。这样,导航栏中的内容就会自动居中显示。

nav ul lia href=#首页ali lia href=#学校概况ali lia href=#机构设置ali lia href=#教育教学ali lia href=#招生就业ali lia href=#合作交流ali lia href=#科学研究ali

原文地址: https://www.cveoy.top/t/topic/1sC 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录