2回答

好帮手慕慕子

2019-08-04

已采纳

同学你好， 老师这边给同学举个简单的示例：

效果图：从效果可以看出，这种情况下优先级是 min-width  >  flex-basis > width >max-width

width表示盒子的宽度，需要根据不同的盒模型的计算方式也不一样， 同学如果疑惑可以回顾章节 “盒子模型”，老师有详细的讲解（http://class.imooc.com/course/188）

flex-basis设置盒子的伸缩基准值，可以理解为盒子根据这个基准值， 自动调整盒子的大小

这些还是需要同学结合代码多做练习， 根据代码实现的效果和不同之处， 总结一下笔记，加深理解哦

如果帮助到了你， 欢迎采纳！

祝学习愉快~~~~

0

好帮手慕慕子

2019-08-04

同学你好，他们之间的区别首先，

1. 表示的意思就不相同，flex-basis设置盒子的伸缩基准值，width： 表示盒子的宽度， min-width表示设置盒子的最小宽度， max-width表示设置盒子的最大宽度

2. 内容少的时候， min-width值会生效。 内容过多的时候， max-width属性生效， flex-basis需要结合父元素设置了flex属性值才可以使用。

3. flex-box是依据flex-basis的值来计算的。 老师这里举个简单的例子

   

   效果图：

   

同学可以结合示例， 自己下去测试一下， 结合代码示例， 帮助自己理解哦

如果帮助到了你， 欢迎采纳！

祝学习愉快~~~

0

hq_夜_71

h flex-basis,width,min-width,max-width如果都设置了,那么他们的优先级是什么样的? flex-basis设置盒子的伸缩值，width： 表示盒子的宽度,伸缩值和宽度的区别是什么?

h019-08-04

共1条回复