Question

.topnav {
background-color: #333;
overflow: hidden;
float: right;
width: 80%;

}

.topnav a {
float: left; width: 18%;
display: block;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;

}

.topnav a:hover {
background-color: #ddd;
color: black;

}

.topnav a.active {
background-color: #4CAF50;
color: white;

}

NAV BAR如果有点偏离，我希望它以我的页面为中心。我的网站，然后转到菜单页面，这就是我现在正在使用的内容，你可以看到。 http://ist2w.kaplan.edu/1702A/IT117-02/PatrickMapes

Answer 1

集：

nav { 
   text-align: center
} 
nav ul { 
  display: inline-block 
}

Answer 2

尝试使用它

    nav {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
     }

玩得开心

中心导航栏，远远超过

2 个答案: