如何设置flex弹性布局flex-grow属性用法
1个回答
2016-09-01 · 知道合伙人互联网行家
护肤达人IT宅族
知道合伙人互联网行家
采纳数：5637
获赞数：17441
毕业于曲阜师范大学，学士学位。互联网行业2年从业经验，读过SEO相关书籍。现任爱家网SEO优化专员。
向TA提问 私信TA
关注
![]()
展开全部
弹性布局：是提供一种更加有效的方式来对一个容器中的条目进行排列、对齐和分配空白空间。即便容器中条目的尺寸未知或是动态变化的，弹性盒布局模型也能正常的工作。
让一个盒子具有弹性布局的属性，要先给其加上样式display:flex；OK我们也会看到有写的是display:box/display:flexbox；其实他们只是不同时期的规范：
新规范：2013年最新版本规范的语法 即display:flex/inline-flex;
中间版本：2011年非官方规范的语法 即display:flexbox/inline-flexbox;
老规范：2009年规范的语法 即display:box/inline-/box;
带inline-的容器渲染为行内元素，没带的为块级元素
可以看到flex近几年几种不同的写法，相应的也带来很多兼容性问题，所以在开发过程中我们要兼顾所有版本
让一个盒子具有弹性布局的属性，要先给其加上样式display:flex；OK我们也会看到有写的是display:box/display:flexbox；其实他们只是不同时期的规范：
新规范：2013年最新版本规范的语法 即display:flex/inline-flex;
中间版本：2011年非官方规范的语法 即display:flexbox/inline-flexbox;
老规范：2009年规范的语法 即display:box/inline-/box;
带inline-的容器渲染为行内元素，没带的为块级元素
可以看到flex近几年几种不同的写法，相应的也带来很多兼容性问题，所以在开发过程中我们要兼顾所有版本
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
