引导者本文目录一览：
flex设置成1和auto有什么区别
1、首先明确一点是， flex 是 flex-grow、flex-shrink、flex-basis的缩写。故其取值可以考虑以下情况：flex 的默认值是以上三个属性值的组合。假设以上三个属性同样取默认值，则 flex 的默认值是 0 1 auto。
2、AB总宽度超出父元素100px； 如果A不减少，则flex-shink ：0，B减少；② flex-basis 该属性用来设置元素的宽度，当然width也可以用来设置元素的宽度，如果设置了width和flex-basis，那么flex-basis会覆盖width值。
3、这相当于将属性设置为 flex： 1 1 auto.●none：元素会根据自身宽高来设置尺寸。它是完全非弹性的，既不会缩短，也不会伸长来适应flex容器。相当于将属性设置为flex： 0 0 auto。
4、负值对该属性无效。flex-basis属性定义了在分配多余空间之前，项目占据的主轴空间（main size）。浏览器根据这个属性，计算主轴是否有多余空间。它的默认值为auto，即项目的本来大小。
该如何实现一个上下固定,中间自动填满的布局?
1、进入Word文档flex:1，点击选择布局。点击打开页边距选项。点击打开自定义页边距选项。将页边距flex:1的上下左右都设置为0。最后，点击“确定”按钮保存设置即可。
2、最开始用的就是Borderlayout布局，要加到面板的Center位置，而且flex:1你还要确定，你的这个JPanel有多大说不定，那个JTextArea已经填满了这个JPanel，但是这个JPanel却不是你想象中那么大。
3、方法一：(1)选中需要调整的文字或单元格---右键---单元格对齐方式---此命令的下一级菜单 *** 有九个命令，然后选择中间那个示意图（上下左右居中）（一般是选第二行中间那个就可以了）然后输入的文字都是居中显示的。
4、首先我们在最上方的工具栏中找到“页面布局”工具并点击进入，在这里我们找到一个“页边距”选项并点击它的下拉三角。
5、点击【插入】-图片，然后选择目标图片。 选择【页面布局】-位置-文字环绕方式，文字环绕方式任意选一个，只要不是“嵌入”即可。 拖动图片与页面左上角对齐，拉动图片右下角至布满页面为止。
6、方法很多，较好的，也容易掌握和理解的是，新建一个工作表，在新工作表中把原工作表引用成多列。
flex:1是啥意思?
flex属性是flex-grow， flex-shrink 和 flex-basis的简写，默认值为0 1 auto。后两个属性可选。 从这里就可以推导出 相当于 我一开始理解的也是这样。
flex设置成1：如果包裹块（即伸缩父容器）中，flex设置成1的最大宽度值为1px。flex设置成auto：如果包裹块（即伸缩父容器）中，flex设置成auto的最大宽度值为块的主尺寸。
flex的意思如下：动词：弯曲，曲折（四肢，关节）；活动，绷紧（肌肉）；（材料）有弹性。
flex-grow 属性定义项目的放大比例，默认为 0，即如果存在剩余空间，也不放大。flex-shrink 属性定义了项目的缩小比例，默认为 1，即如果空间不足，该项目将缩小。
extjs中如何让flex:1失效
1、readOnly ： true 可以的亲自试过，下面是我测试的代码。
2、当子元素设置固定宽度，如果整体宽度不足时，会把固定宽度给压缩，解决方法： 给固定宽度的元素添加flex-shrink：0。flex-shrink 指定了 flex 元素的收缩规则。
3、flex：1即为flex-grow：1，经常用作自适应布局，将父容器的display：flex，侧边栏大小固定后，将内容区flex：1，内容区则会自动放大占满剩余空间。
4、给固定宽度的元素添加flex-shrink：0。flex-shrink 指定了 flex 元素的收缩规则。设置右边元素flex：1，当右边元素宽度超过父元素时，会造成右边宽度溢出。
5、很多同学入门flex 的时候，应该都是看了 阮一峰的flex 科普文章 想要梳理清晰flex：1的含义，我们先学习下flex 这个css属性表达了哪些含义 flex属性是flex-grow， flex-shrink 和 flex-basis的简写，默认值为0 1 auto。
6、根据查询火山引擎网显示：flex：1的元素当其子元素过长。内部元素内容较小。内部元素宽度过大。
