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就可以了


文章作者: 小游
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 小游 !
  目录