如何使水平菜单不间断对齐?

它应该是这样的:

ul {

    &.nav-fixed {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
    position:  relaiv;
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-collapse: collapse;
    }


    li {
        a {
          display: inline-block;
          margin: 0;
          font-weight: normal;
          color: $red;

        }
    }

}

它成功了。一切都是中心的,没有左边或右边的空间。

宽度:100%;