flex布局中的flex:1相关知识

一、flex属性

flex属性是以下三个属性的简写:

属性 描述
flex-grow 项目的放大比例,默认为0
flex-shrink 项目的缩小比例,默认为1
felx-basis 在分配多余空间之前,项目占据的主轴空间

二、flex:initial

默认值为felx:initial表示为flex:0 1 auto;默认不放大 放不下了缩小 优先采用自己本身宽度 

三、flex:1

flex:1表示为flex:1 1 0% ;说明有剩余空间就放大 空间不够就缩小 本身宽度为0

四、flex:auto 

flex:auto表示为flex:1 1 auto ;说明有剩余空间就放大 空间不够就缩小 优先采用自己本身宽度

五、flex:none

flex:none表示为flex:0 0 auto ;既不放大也不缩小 优先采用自己本身宽度

相关推荐

  1. flex布局flex:1相关知识

    2023-12-07 19:12:05       57 阅读
  2. flex布局学习笔记

    2023-12-07 19:12:05       32 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2023-12-07 19:12:05       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2023-12-07 19:12:05       100 阅读
  3. 在Django里面运行非项目文件

    2023-12-07 19:12:05       82 阅读
  4. Python语言-面向对象

    2023-12-07 19:12:05       91 阅读

热门阅读

  1. 【运维面试100问】(七)ceph基础题面试

    2023-12-07 19:12:05       54 阅读
  2. Js文件下载的两种方式【超简单】

    2023-12-07 19:12:05       58 阅读
  3. Ubuntu 18.04 ARM离线安装cifs-utils

    2023-12-07 19:12:05       50 阅读
  4. Oracle转MySQL该如何改变逻辑

    2023-12-07 19:12:05       56 阅读
  5. 【数据结构和算法】确定两个字符串是否接近

    2023-12-07 19:12:05       58 阅读
  6. 前端设计模式概论

    2023-12-07 19:12:05       53 阅读
  7. 【前端设计模式】之工厂模式

    2023-12-07 19:12:05       62 阅读
  8. JVM中 Minor GC 和 Full GC 的区别

    2023-12-07 19:12:05       55 阅读
  9. 编译器和 IR:LLVM IR、SPIR-V 和 MLIR

    2023-12-07 19:12:05       96 阅读
  10. MLIR笔记(5)

    2023-12-07 19:12:05       54 阅读