关于flex属性和align-self属性

来源：3-12 flex布局-项目的属性

qq_慕村9245204

2019-08-08 11:43:03

老师您好，我想问两个问题：
1）将flex-basis设置为0%之后，按照概念，不就是项目占据主轴空间的0%？这样的话，为什么项目还有宽度呢？
2）align-self的解释中有一句话“默认值为auto.....，若没有父元素，则....”，其中，flex项目可以没有父元素吗？项目没有父元素的情况是怎样的？
烦请老师指点

写回答

1回答

好帮手慕慕子

2019-08-08

已采纳

同学你好，首先，我们要了解的一个概念就是flex-basis 属性用于设置或检索弹性盒伸缩基准值。

flex-basis设置为0%时候，项目不占据主轴空间，此时的宽度为内容的宽度
效果图：

如果第一个盒子没有内容，就不占绝空间哦，示例：
效果图：
这句话的意思是align-self'的值为'auto'时，如果其父元素没有设置align-item值。则计算值为'stretch' '，则其计算值为元素的父元素的'align-items'值。