关于flex那些事儿

大家看到flex: 1; flex: auto不知道是否也会一头雾水,那么这篇文章将会仔细解刨。

flex: 1这种缩写形式是flex-grow,flex-shrink,flex-basis的缩写

单值语法 等同于 使用频率
flex: initial flex: 0 1 auto 初始值,常用
flex: 0 flex: 0 1 0% 适用场景少
flex: none flex: 0 0 auto 推荐
flex: 1 flex: 1 1 0% 推荐
flex: auto flex: 1 1 auto 适用场景少

你可能感兴趣的:(HTML+CSS的小知识,前端,javascript,html)