CSS - Flex属性 - flex-grow / flex-shrink / flex-basis(上)

CSS - Flex属性 - flex-grow / flex-shrink / flex-basis(上)

用css3的flex好久了,虽然用的没问题,但还是很纠结,其他属性大都明白,但是flex-grow、flex-shrink、flex-basis始终搞不清,最经搜集了大量的资料,总算是明白了。网上大部分解释是flex-grow 是扩展比率。flex-shrink 是收缩比率。flex-basis 伸...

CSS - Flex属性 - flex-grow / flex-shrink / flex-basis(下)

flex-basis总和加起来为1000px; 那么 1000px > 800px (父级的宽度);子元素势必要压缩;溢出了200px;son1 = (flex-shrink) flex-basis;son2 = (flex-shrink) flex-basis;…..sonN = ...

CSS 快速掌握

49 课时 |
19529 人已学 |
免费

零基础学前端HTML+CSS

57 课时 |
8924 人已学 |
免费

前端开发CSS基础

21 课时 |
4255 人已学 |
免费
开发者课程背景图

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

社区圈子

开发与运维
开发与运维
集结各类场景实战经验,助你开发运维畅行无忧
6402+人已加入
加入
相关电子书
更多
零基础CSS入门教程
立即下载