此问题已在此处有答案：

In CSS Flexbox, why are there no "justify-items" and "justify-self" properties?（6个回答）
5天前关闭。
我有一个nav，它有两个ul标签。我希望其中一个ul出现在屏幕的左侧，另一个ul出现在右侧。
我试着在第二个上使用float: right，这有点工作，但1。我不喜欢使用float和2。它没有正确对齐，所以线条不均匀，即使是line-height也无法修复它。
我一直在摆弄其他的显示器，但我尝试的都不起作用。

<nav class="navbar">
  <ul class="navbar__left">
    <li>
      <a href="">Home</a>
    </li>
  </ul>
  <ul class="navbar__right">
    <li>
      <a href="">Register</a>
    </li>
    <li>
      <a href="">Login</a>
    </li>
  </ul>
</nav>

.navbar {
  border: 1px solid black;
  ul {
    display: flex;
    padding: 0;
  }
  li {
    margin: 0 1em;
    list-style-type: none;
  }
  a {
    text-decoration: none;
  }
}