如何展开我的导航栏，我的代码中有 display:flex答案

【问题标题】：How to spread out my navigation bar, I have display:flex in my code如何展开我的导航栏，我的代码中有 display:flex
【发布时间】：2021-04-03 22:31:12
【问题描述】：

我一直试图展开我的导航栏，但我似乎做不到，我有 display: flex; on，使用 justify-content: space-around，但它似乎没有做任何事情。

https://codepen.io/picklemyrickle/pen/XWjzyvb

提前致谢。

<nav id="nav-bar">
<ul>
  <li> <a 
       class="nav-link" 
       href=#Programs
       id="Programs">
    Programs </a></li>
    
 <li> <a 
       class="nav-link"
       href=#Results 
       id="Results"
         >Results</a></li>
<li><a 
       class="nav-link" 
       href=#Pricing 
       id="Pricing">
  Pricing</a></li>
    </ul>

nav > ul {
  display: flex;
justify-content: space-around;
}

【问题讨论】：

标签： html css flexbox tags uinavigationbar

【解决方案1】：

这里是：

.navbar{
    width: 100%;
    position: static;
    z-index: 1;    
    white-space: nowrap;
}

z index 确保它保持在顶部， static 确保它对 div 是静态的，宽度 100% 确保它始终是最大长度

【讨论】：

你的回答很有帮助，谢谢:)我还有一个问题，如果可以的话，我不知道如何在小回复中使用代码sn-p。
你能说得更具体点吗？
如果我对这个问题的回答有帮助，请点赞。那么如果你在这里写另一个问题，把它的链接发给我，我也会尽我所能回答这个问题
好的，我只能每 90 分钟发布一个问题，谢谢。