微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

flex布局

当 flex 取值为一个非负数字,则该数字为 flex-grow 值,flex-shrink 取 1,flex-basis 取 0%,如下是等同的:

.item {flex: 1;} .item { flex-grow: 1; flex-shrink: 1; flex-basis: 0%; }

当 flex 取值为 auto,则计算值为 1 1 auto,如下是等同的:




.item {flex: auto;} .item { flex-grow: 1; flex-shrink: 1; flex-basis: auto; }

当 flex 取值为 none,则计算值为 0 0 auto,如下是等同的:

.item {flex: none;} .item { flex-grow: 0; flex-shrink: 0; flex-basis: auto; }

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐