flex-basis: 0%;是什么意思?flex-basis: 10%;?

flex-basis: 0%;是什么意思?flex-basis: 10%;?

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,flex-basis 指定了 flex 元素在主轴方向上的初始大小。如果不使用  box-sizing 改变盒模型的话,那么这个属性就决定了 flex 元素的内容盒(content-box)的尺寸。flex-basis: 0%表示占据父元素的0%,同理flex-basis: 10%就是占据10%。

可以参考以下视频,在8分50秒左右:

https://class.imooc.com/lesson/1004#mid=24791

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

  • 慕尼黑5122342 提问者 #1
    如果主轴在水平方向,元素a设置了flex:1;width:100px;,那么是不是width不起作用,元素a宽度为0px,又由于等分剩余空间(其他元素都没设置flex属性),所以元素a的宽度为父元素宽度的剩余空间?
    2020-03-06 16:09:31
好帮手慕粉 2020-03-06 18:02:21

同学你好,理解的是正确的。

如果同学还有新的疑问,建议同学新建一个问答进行提问,便于同学后期的复习与整理,老师也能更快的看到同学的问题。

祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
3.WebAPP开发与小程序
  • 参与学习           人
  • 提交作业       622    份
  • 解答问题       6815    个

微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师