flex宫格布局

之前我的哔哩哔哩追番页面显示是通过float来实现的，但是我现在才发现有flex这个东西，所以我们只需要在追番界面的父布局里面加上flex就可以了。

display:flex;
flex-wrap: wrap;
justify-content: center;

第一个是说里面的布局为flex，第二个就是运行多行显示
最后一个就是布局居中。

下面说一下怎么实现二等分

.nav-link-ul{
    display: flex;
    width:100%;
    flex-wrap: wrap;
}
.nav-link-item{
    flex: 1;
    width: 50%;
    min-width: 50%;
}

子布局设置一下width就可以了