主页 前端技术区 flex 设置换行flex-wrap
狄默默斯基
发表于2020-04-07 16:42:42    只看楼主
楼主
头衔:  精益求精
注册时间: 2014-02-09
用户组: 日常管理组
发帖数:  566
金币数:  310
短消息
flex 设置flex-wrap 换行
本来预想的正常情况下,代码应该如下:
ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    li {
      flex: 1;
      width: 25%;
}
但是这样的代码的宽度不生效
ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    li {
      flex: 1;
      width: 25%;
      min-width: 25%;
      max-width: 25%;
}
这样,li 的宽度才能正常显示。
引用  你好陌生人 ~ 千万别说爱 ~ 让我保持等的姿势继续期待

回复人
回复内容

Powered BY YouYaX
个人自主开发论坛,从2010年10月份开发至今!

操作管理