• 技术文章 >Web开发 >css教程

    css中flex-basis属性是什么

    小妮浅浅小妮浅浅2021-10-23 10:15:55原创168

    1、flex-basis定义了元素在分配剩余空间之前的默认大小。

    2、默认值是auto,即自动。如果有设置width,占用空间就是width。如果没有设置,按照内容宽度。若同时设置width和flex-basis,则在渲染性能方面,将忽略width。

    当剩余空间不足时,flex子项的实际宽度通常不是flex-basis的设定尺寸,因为当flex布局剩余空间不足时,默认会收缩。

    实例

    .c {
    flex-basis:50px;
    }
    .c1 {
    flex-grow:1;
    background-color:#409EFF;
    }
    .c2 {
    flex-grow:2;
    background-color:#EEEEEE;
    }
    .c3 {
    flex-grow:1;
    background-color:#FAEBD7;
    }

    以上就是css中flex-basis属性的介绍,希望对大家有所帮助。更多css学习指路:css教程

    本文教程操作环境:windows7系统、css3版,DELL G3电脑。

    专题推荐:css flex-basis
    品易云
    上一篇:css中flex-shrink属性是什么 下一篇:css中align-self属性是什么

    相关文章推荐

    • css旋转属性如何理解• css设置文字居中的两种方法• css中删除input输入框的阴影• css如何对滚动条进行隐藏?• css中margin是什么?怎么设置?

    全部评论我要评论

    © 2021 Python学习网 苏ICP备2021003149号-1

  • 取消发布评论
  • 

    Python学习网