引导者本文目录一览：
- 1、解决用flex布局时内容可能溢出的问题
- 2、flex属性详解0,1,auto分别什么意思
- 3、flex设置成1和auto有什么区别
- 4、extjs中如何让flex:1失效
- 5、该如何实现一个上下固定,中间自动填满的布局?
- 6、flex:1是啥意思?
解决用flex布局时内容可能溢出的问题
设置img(行内元素)为flex布局：若设置为nowarp(flex-warp的默认值)，由于默认值flax-basis为auto，因此会对元素进行缩放操作，即缩放至适应盒子的尺寸。 而若某个元素无法缩放(例如设置了宽度)则会将溢出。
当遇到溢出区域太大的问题时，可以通过调整容器大小、修改内容布局或采用滚动条等方式进行处理。溢出区域指的是在固定大小的容器内，内容超出了容器边界的部分。
flexWrap属性 flexWrap：决定子控件在父视图内是否允许多行排列。 flexWrap共有两个值，默认为nowrap。nowrap 组件只排列在一行上，可能导致溢出。
flex属性详解0,1,auto分别什么意思
子元素不同 flex设置成1：flex设置成1的子元素的内容最大宽度值为1px。flex设置成auto：flex设置成auto的子元素的内容自动布局。
相当于将属性设置为flex： 0 0 auto。●initial设置该属性为它的默认值，即为flex： 0 1 auto。●inherit从父元素继承该属性。注意：如果元素不是弹性盒模型对象的子元素，则 flex 属性不起作用。
flex属性是flex-grow， flex-shrink 和 flex-basis的简写，默认值为0 1 auto。后两个属性可选。 从这里就可以推导出 相当于 我一开始理解的也是这样。
flex： none | [ flex-grow flex-shrink？ || flex-basis ]该属性有两个快捷值：auto (1 1 auto) 和 none (0 0 auto)。
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、若设置为nowarp(flex-warp的默认值)，由于默认值flax-basis为auto，因此会对元素进行缩放操作，即缩放至适应盒子的尺寸。 而若某个元素无法缩放(例如设置了宽度)则会将溢出。
extjs中如何让flex:1失效
readOnly ： true 可以的亲自试过，下面是我测试的代码。
flex：1即为flex-grow：1，经常用作自适应布局，将父容器的display：flex，侧边栏大小固定后，将内容区flex：1，内容区则会自动放大占满剩余空间。
根据查询火山引擎网显示：flex：1的元素当其子元素过长。内部元素内容较小。内部元素宽度过大。
很多同学入门flex 的时候，应该都是看了 阮一峰的flex 科普文章 想要梳理清晰flex：1的含义，我们先学习下flex 这个css属性表达了哪些含义 flex属性是flex-grow， flex-shrink 和 flex-basis的简写，默认值为0 1 auto。
该如何实现一个上下固定,中间自动填满的布局?
进入Word文档，点击选择布局。点击打开页边距选项。点击打开自定义页边距选项。将页边距的上下左右都设置为0。最后，点击“确定”按钮保存设置即可。
.row{display： flex；wrap： no-wrap；}.box1{width： 100px；height： 100px；}.box2{width： 100%；height： 200px；background： black；color： #fff；}box1box2可以简单参考一下，上面用了flex布局。
做WORD的时候怎么锁定一个页面。方法一：将光标定位在原第5页的首位置；单击页面布局---分隔符---分页符命令即可，如图所示。方法二：将光标定位在原第5页的首位置；单击插入---分页按钮即可，如图所示。
#205e17；SCROLLBAR-DARKSHADOW-COLOR：#205e17；SCROLLBAR-BASE-COLOR：#205e17；SCROLLBAR-ARROW-COLOR：#86ff92；height：700px；width：748px；}中间的div就用下面的，样式是上面的。
在Word中让一个字填满整张A4纸可以通过以下步骤实现： 选择一个大字体，比如72号或更大的字体。 输入你想要填满整张纸的字。 将字体的颜色设置为白色，这样字就不会显示出来。
flex:1是啥意思?
flex属性是flex-grow， flex-shrink 和 flex-basis的简写，默认值为0 1 auto。后两个属性可选。 从这里就可以推导出 相当于 我一开始理解的也是这样。
flex设置成1flex:1;：如果包裹块（即伸缩父容器）中，flex设置成1的最大宽度值为1px。flex设置成autoflex:1;：如果包裹块（即伸缩父容器）中，flex设置成auto的最大宽度值为块的主尺寸。
flex的意思如下：动词：弯曲，曲折（四肢，关节）；活动，绷紧（肌肉）；（材料）有弹性。
flex-grow 属性定义项目的放大比例，默认为 0，即如果存在剩余空间，也不放大。flex-shrink 属性定义了项目的缩小比例，默认为 1，即如果空间不足，该项目将缩小。
Flex 是一个高效、免费的开源框架，可用于构建具有表现力的 Web应用程序，这些应用程序利用Adobe Flash Player和Adobe AIR， 可以实现跨浏览器、桌面和操作系统。
box-flex：1；这里的 1 指的是比例 。
