css - 为什么在简写 flex 符号中省略时 flex-basis 默认为 0?

标签 css layout flexbox

由于 flex-basis 的初始值是 auto,如果在简写符号中省略该属性,我希望该属性默认为 auto这个:

flex: 2 1; 而不是默认为 0 !

这是什么原因,为什么会这样?

最佳答案

因为在 flex 简写属性中,当 flex-grow 和可选的 flex-shrink 被声明时, flex -basis省略,flex-basis,根据定义,默认为0

参见:

关于css - 为什么在简写 flex 符号中省略时 flex-basis 默认为 0?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51581277/

相关文章:

css - 为什么我的布局在 IE<6 中有效,但在 IE>7 中无效?

html - 文本不在 Internet Explorer 中的范围内居中

javascript - 悬停的水平下拉菜单到点击导航栏实现的垂直下拉菜单

css - Ipad Mini 特定 CSS 媒体查询?

java - TextFlow vs TextArea,布局问题;为什么 TextFlow 在 TextArea 没有的地方弄乱了它?

java - swing自定义布局-组件包裹和高度计算

html - 强制元素根据同级宽度换行

jquery - 如何为 Masonry 创建良好的打印样式

php - html2pdf : text-align: justify does not work

javascript - 在 Javascript 中单击按钮更改图像