54.尚硅谷_css3_flex(老版本容器).wmv原创

直接开始啊，好，那这一次我们要把flex一网打尽，OK，好，那其实大家知道flex是是不是我们说，哎，是我们CS的布局理念，从C3开始，唯一是为布局而生的。是不是，但是CSS里面为布局而甚至有有几样东西。啊，其实CR里面只有一样东西是为布局而生的table啊，这个是专门为了做布局而去设计的一套属性table等等，那像我们table里面的表格单元格是不是，那我们说不用table的话，是不是可以用D啊，D是不是我们说为table的是不是或者说退不的可能这种东西啊，我们说推布局及其的不好，为什么每次浏览器在渲染这布局的时候，他不是流逝的，什么叫不是流逝？啊，我们说我们其他一些元元素的渲染是不是都是干嘛流失的，就是相相当于我们这个HTM代码，它就是一个字符流的形式，从网网络上面在传输，就是我浏览器接到一点渲染一点，接到一点渲染一点等等，Table不一样，要等你整个table全部下来之后，我再来渲染，从性能上来讲的话，Table是及其低下打性能懂懂，而且你改table里面的任何一个布局，整个table都要重新渲染，能理解吗？就说table现在基本上我们不怎么用了，能解吗？那从C3开始啊，有了新的布局的扩展，专门为布局，而是布局响应式布局，以及我的多列布局啊，这是我们C3为我们布局啊设的一些框架，OK，我们来看一下那X布局，大家知道这个X布局其实。

经历了几个版本。啊，比较大的今天的两个版本啊，那我们来看一下，我之前带你们看过一个站点就是的。是不是好，我们再可以再来看一下啊，打开NDN我搜一下。啊F1LXF啊不不不F啊，尴尬，好这你这F啊，OK，看一下这是不是关于F的这什么了，我说什么吧，智障来看一下。

OK，这是我们的什么，这个金融的列表吧，OK，修货来看一下啊，不看其他的，我们看安卓。安卓吧，安卓很火吧，很多同学都在用安卓手机吧，是吧，大部分是不是我们说安卓手机占占据了我们手机应用市场的。70的是吧，持有率吧，也就是说我们整个手手机的一个销售份额里面，安卓占70%啊，苹果占30%，利润呢。安卓占据了整个手机销售这一块利润的30%啊，苹果占据了70%，也就是说苹果用30%的设备占据了整个利益的70%啊，这是苹果厉害的地方，能讲啊，虽然说安卓，可是我们说谁的设备更多，对于我们开发者来说的话，我们更应该关注哪一块？

安卓有没讲OK，来看一下安卓，现在其实我们说版本停留在这几个版本的手机特别多。啊，我们说安卓手机很多吧，啊，谷歌本身自己制造的安卓手机。是不是OK，还有我们小米华为，三星海尔，格力是不是格力有手机的，还有手机的吧，经历是不是联想酷派三有手机，美图手机多不多，这些都是安卓内核，能理解吗？这些浏览器的版本一般播的都比较低，那讲那想想你如果用。要不要为这些版本的手机去做兼容，一定都要容，特别在移动端，能不讲看一下他说什么，如果你的安卓的内核是在四，或者说4.4.3的什么支持的我不可是不是下面有没有看到一个变条，只支持古老的。

Flex books。什么意思啊，告诉大家，最最早的版本的叫做。我们现在写是吧，最老的叫做。这是black的第一个版本。好，我们来看一下，好，那我问大家这种display books要不要学？要不要学，必须要学。特别是在。移动端，而且我告诉你，Flex布局使用的最多的场景就是。

移动端懂不懂，也就是说你不为移动端去考虑这个Fla布局，你可以就么，就相当于自费武功了，懂吗？就是我们一定要考虑老版本的拉，那为什么现在很多企业很多我们的。培训的同行他们只讲新的呢啊，我们之后会讲一个后置处理器，叫做post csss，一大半的兼容性问题，POS3自动能帮你处理，也就是现在为什么那么多人都不关注老的大家知道，也可以说为什么现在那么多人不去关注兼容性问题，因为之后一个工具就可以帮你们解决。能不解，就是哪怕你不知道有老版本的，你不知道这些问题，你用新版本写也没问题啊，啊，别人在帮你负重前行呢，能不理解啊，可是我们对你们的要求不一样啊，我们希望你们得知道为什么这么去做，为什么用布置CSS，最后能讲好，这叫CSS的后置助体器啊，星期一过来我们讲的CS34的预处理器，不一样的概念。

对吧，OK，这个POSPOS的CSS叫后置处理器，一般用来处理属性的性问题了啊OK，那预处理器我们之后再来讲啊，那首先我们今天来讲这个black，我们说一定要关注。老版本OK，大家看一下好，那跟先打个照面。好，Flex。好F啊，我来先写一个DEMO。HTOK，零一与X的初次OK，与black初次见面，好土啊，与black的初次邂逅，初次邂逅，浪漫一点来看一下我们说像不像浮动？

蛮像的，来看一下，比如说我来Di来个盒子，哎，你外是不是里面我统一叫做class item是不是啊好，我们说什么12345，是不是完事好掉。来盘点，OK，写完之后呢，好给这个外来个什么宽度来一个600PX是不是？高度来一个400PX的一个薄的box是不是啊好，我学CSS就得写这种盒子是不是。OK，很好，是不是很好。是不是很好？你们怎么就不回了，大来看一下，很尴尬的，好来看一下是不，他稍微小小一点嘛。

300。好，是不是在哪？OK，这个也是400啊，好，我一个和在这边是啊，好里面我们是什么？这个we底下的所有的点item是不是OK，我们说Y为50PX head为50PX background为粉色，是不是text alone等于center来一个front OK，嗯，不要不来front了，直接来个很高吧，OK，那个50PX走你是不是OK，有强迫症，OK是不是这样了？好，我们说哎，首先一步就是浮动是不是好，Float where left走你是不是全部上来了，是不是再来看OK，还有一种叫什么，给谁？

这叫容器吧，Display找你感觉好像差不多是吧？再来看能不能写杠。肯定能写，是不是走你是不是一样的，OK，还有个叫gone，这不还有叫什么books，看一下行不行。不行，什么反应都没有，Books必须加Y的前缀，那这是的老版本，来看一下走，你是不是感觉差不多啊？是不是好？我们来看看到底有什么不一样。OK，首先我们还是回到浮动。是不是这是不是浮动的那一个版本。是不是好看一下，不能这个版本如果宽度不够的时候，现在我里面是不是五个宽度是不在两百五啊里面否元素啊，你看我把这个外变成100。他们会怎么样，会换房？这是浮动，再来看，如果我的老版本的看他怎么办，选择一。

是不是看新版本的走你。全部记掉是不是OK？记住，我们说flex不等同于浮动。这是第一点。这个可以认同吗？第二个老版本的跟新版本是有。区别了，OK，听到这边这个能不能接受。没问题，是不是好，OK。然后再来提几个概念，首先要学，必须得明确两个概念，什么叫容器？什么叫？元素，这叫容器吧，这里面叫什么元素吧，是不是，你看我给他起的什么一个比较高的名字，容器跟项目是吧，我们说外面这个包裹器一般叫容器，你要分清楚哪些属性是在容器身上的，哪些属性是在项目身上。

那讲这是学习的第一点，第二点啊，我们来说一下，首先干嘛，你要知道。什么容器？哎，QQQ不能用，咦，不改傲娇OK，分值什么分来？容器是不是OK？还有什么得知道。啊，我们写在一块吧，一个你得知道什么是FX容器，第二个你得知道什么是FX项，是不是OK，还且你得知道我们是不是里面有两个轴的主轴跟。这是长这样的，应该可以接受，前端大部分坐标都是这样的，是不是？OK，要知道什么是啊。

主轴。什么事啊，侧重OK是吧？还有件事情你得知道，项目永远排列在。主轴的正方向上。懂吗？项目永远是在主轴的正方向上。项目永远在主轴的正方向上，还OK，那先就这三个点，前面两个比较好理解，后面这个好像不怎么好理解。是不是OK，我们来看看是不是项目永远在主轴的正方向上去改掉，看这句话我有没有写错。OK。好，我们来看一下。嗯，来看项目，好CS弹性盒子或什么布是一种用于在网页上面布置元素的布局模式，当使得当页面布局必须适应不同屏幕尺寸和不同显示设备时，可以预测的运行行跟列，我们说了规范上面的这些文字都是比较晦涩的是不是？它其实就是叫弹性合的弹性布局嘛，啊啊，这个自己来看一下就行了，懂不懂？OK，我们来看弹性和模型，分老版本，新版本，老版本通常称之为。

不，新版本叫学习，得知道什么是项目与容器，什么是主轴语侧轴啊，那有了新版本后，为什么还要学习老版本？首先新版本比老版本要强大的多，这个我们需要审认，那为什么新版本那么强大，我们还需要学老版本，很多移动端浏览器内核版本都超低，他们只支持老版本的X，所以说你必须得有老版本的X，有一个概念，懂吧，OK，那我们来说，那首先我们就嘛，我们是从老版本跟新版本的对比开始说懂懂，我会把老版本上面的所有的属性全部给你们捋捋一遍，然后我会把这些属性所对应的新版本啊，对比的我们写出来等等，最终我们再来讲新版本所特有的属性啊，然后我们再找实例。

能理解吗？OK，那我们来看，好，那我们就来一个O的。再来一个牛，OK啊，其实我们最终会得出很多结论来，大家可以来看一下。好，这是我们最后得出的结论啊，所以说集齐的多啊，大家要注意听好来看，那我们现在就开始好，那首先从容器上面说起啊，我们先不看下目，看什么容器，老版本的容器，OK，容器上的书。CTRLC新版本也对应的啊，容下属性首先来讲第一个什么容器的布局方向，CTRLCCTRLV，好这个T吗？Ctrl c ctrl v OK，零一什么。

容器的布局方向好，什么叫容器的布局方向？来看一下，OK，打开来。好，这你这里面全部干掉都不要好，这个浮动也不要好，大家看现在我们是怎么排列的。是不是这样排了好，把这个稍微还是放大一点吧，外，还是放成400来看一下下就出来了，OK，那我们来看现在问你主轴是哪主咒主咒主咒是怎么样的。是不是侧轴是怎么样的，谁知道？看元素默认的排列是不是永远排列在主轴的正方形。组织生方向能不能讲好，再来看现在我们讲第一个属性叫容器身上的，记住我们在讲容器身上的第一个属性，控制容器布局方向的，我们在家老版本啊，OK，老版本怎么写我吧，好容器上的属性吧，那我是不写在外B身上好有个叫什么属性。

来看一下他是什么鬼？LCL你他有几个属性跟来看一下后，那其值这什么意思啊？OK，其实我们可以直接告诉你们啊，我可以直接告诉你们这个数据控制什么，控制的是主轴是哪一个什么意思啊后那个水平吗？那主轴就是我的水平，那个就是我的X懂吗？整你你看是不是一模一样的，OK，如果是我说明主轴是垂直这个走。

懂吗？这有控制主轴方向吗？没有，只是告诉你主轴是哪一根，OK，主轴是哪一根，侧出来总共就两根走，一根是主轴，一根是侧轴嘛，那主轴定义了完了，那侧轴是不是就也定义完了，懂不懂默认水平方向时主轴是X轴。到侧轴是外轴，一旦你把这个到变成轴之后，主轴是垂直轴，侧轴是X轴，那我能不能说其实我控制的是控制什么主轴和侧轴。分别是哪一个，能不能讲是不是这样的，OK，那我问你新版的里面是谁。现你们怎么想干掉这边什么，这叫什么也可以写外盖杠吗？一样的吗？是OK，那这也是在容器，也是在容器上的一个属性叫什么什么。

他有个属性叫做肉代表主轴是肉吗？什么好吗？水平那能走吗？是看主轴是不水平，还叫什么列代表主轴是吗？那flex是不是新版本里面我们用来控制容器布局方向呢？其实本质上是决定了主轴和乘除式啊，哪一根能理解吗？OK，继续。好，这叫容器的布局方向，只决定阻轴和车子是哪一个，有没有控制方向，没有来看第二个属性在容器上的叫容器的排列方向，OK，老板本你们叫外的。

OK，你CTRLC，老版本的CTRLB02叫容器是什么方向？一个叫布局方向，一个叫做排列方向，OK叫什么？什么什么？你记住老版本的都是杠we杠。懂吗？什么OK，他有normal这什么意思，来看一下。大家看现在我的主轴是不是往下的，是不是是往下的，为什么你们这什么吗？是不可是排列方向。从上往下是不是看一下，我们把它换成，如果排列方向立马换过来，12345，可是我问你现在哪根哪根轴是主轴。

哪个就是主轴，谁知道是主轴，主轴方向往哪。元素排列永远伴随着主轴的正方向排列。记住这句话，我们一开始上来就已经给了大家一句话，项目永远在主轴的正方向上排列，所项目具体怎么排列，你看主轴这方向往往哪指？那讲现在我主轴这么是不往往往上面找，那就往上排掉，那讲那比如说改掉这改成那头，OK，问你主轴是哪个走。主着是哪个走水平这个走。是不是OK，我拿纸往左指，是不是走你看。是不是？项目在主轴正面上面排列嘛，那也就是说其实我这个box-direction，它决定了主轴的方向。

是不是默认是从左往右的，如果是呢？从右往左，他有决定侧走的方向吗？没有，OK，我们说什么这个属性控制什么，控制了主轴的方向。好，控制主轴方向啊，你们要接受这个体系的话，你要把你们之前flax那些东西先忘一忘，懂吗？早就忘了是吧？OK，那很好嘛，是不是你要学一门新的武功，就应该把前面的全部忘掉，是不是来看一下，好，那想想老版本里没有的，新版本肯定有，OK，新版本里面是哪个属性来控制方向了，记不记得？

控制容器的什么？容器的排列方向，记住还是这个属性X，现在大家看，我问你主轴是哪一根？竖的这个是不是OK，主方向是什么样的吗？组织方是不是这样的，默认默认我的组织方要么是这样的，要么这样什么是不是我们说后面可以跟。一个属性控制了主轴是哪一根以及主轴的方向，老版本里面有两个属性控制了主轴是哪一根以及主轴的方向。新版本实现是不是比较好一点，一个属性一个属性四个属性值，是不是老版本里面呢，两个属性四个属性值懂不懂控制就是主轴是哪一个，以及到方向来看一下现在往往哪走你。

是不是你先不要看其他的，不要看这种空间啊，你就看现在我主的是往上的那项目排列的话，是不是沿着主的正方向排列懂吗？那我也可以写什么。肉干，如果是吗？这问你现在主轴是哪一个水平的，方向是怎么样的，往左的那元素应该是往这边排的这里。12345是不是这样排的，那边讲OK，可是你们有没有发现啊。老版本新版本一样吗？比如说看这是我新版本主轴是水平呢方主轴方向是往左的，老板应该怎么想水平呢？往左的是不是这样的水平的往左的是不来看一下一样吗？不一样，可是问你项目的表现不一样。

只是旁边空间的位置不一样而已，能不能讲OK，那到这一边你们首先得知道，哎，我们讲了几个属性了，讲了新版本的一个属性控制了。主轴的。是吗？现在我们就讲了新老版本分别是怎么控制主轴，是哪一个累计主轴的方向。就就讲这一个点吧，好，记住，可是我们说好像有点差异啊，他们俩是不是OK，这跟富裕空间管理有关系。好，我问大家好，先来看老版本的啊，我先复制一份CTRLCCTRLV03。叫富裕空间管理。富裕空间管理好，来看一下什么叫富裕空间管理好，来看一下现在我这种情况底下，我问大家富裕空间在哪。

水平上下这边是不是有个富裕空间，垂直上这是不是富裕间，这些都叫富裕空间，那讲OK，你们之前可能接触的概念叫对齐方式。是不是是不是你们学来是不是学过对齐方式啊，先把对齐方式的概念给他忘了啊，现在给你们一个新的概念叫富裕空间，这是不是X上面的一个富裕空间，外置上面的富余空间，OK来看一下，比如说哎，我们说富裕空间管理有谁来看。叫什么，什么出现。Webate bookstore。派主轴方向上的负空间管理，因为我现在是有两块空间。一块是主轴上面负空间，主织上面负裕空间，一块是侧头上面的负空间。能理讲OK，看他怎么去管理主的空间，你管理主轴空间叫派好，那这边改一改这个空间管理，我们看谁的，先看主轴的。

好，来看主轴上面赋予空间的管理，好谁的属性啊。容器的属性叫什么什么，是不是有几个值？分别来看看，有这么多字，直接给你拎过来，CTRLCCTRLV。好大，什么意思？是的，好看，福利空间在哪？富裕空间在哪边？富裕空间在右边，OK，这叫富裕空间在是不是，富裕空间在右边是不是，比如说我先把什么调整了，调整什么是不是好干什么，那么吧，大家看是在右边。

你现在不要看这些列了，就看这个富裕空间，我说大的时候富裕空间站，富裕空间站OK，摁的时候富裕空间在左边，负余空间在左边，OK，剩的时候负余空间在中间，我们先来摁的。看一下负一空间是不是在左边。空间在左边看center。Ctrl c center，富余空间在两边，那么理解，OK，富余空间在。两边好just是不是，比如说这个富裕空间在两边，Just什么意思啊，富裕空间在项目之间。富裕空间在项目之间，那么理解，OK，这叫富裕空间在。

项目之间，我你富裕空间在项目之间，跟富裕空间在项目两边一样吗？不一样，项目两边的话，你今天应该有空间的，懂吗？这叫在项目之姐懂不懂？好，我们说这是老版本的富裕空间管理吧，新版本有没有肯定有CTRLCCTRLB03。什么，我们来说一下什么富裕空间管理，OK，也是在主轴上的好，来看一下更强大的负空间管理。平板板，OK，走你。CTLCTLC叫什么？Just fine是不是好？这个全部给他。诶，是不是这个了。是他OK，我们叫什么？

Just，什么？这是新版本的富裕空间管理，OK？现在没有绕吧。OK，还没有绕呢啊，OK，我们叫什么叫什么叫什么不是叫什么，记住所有老版本的都是开头的，新版本不一样啊，这个起名字我觉得机器不友好。啊，Just什么鬼，是不是来看一下，OK，我先把上面这个调一调，我说把主轴是。正常的懂吗？来看一下。富裕空间在哪？右边切记新版本富裕空间不能这么记，新版本富裕空间叫欧主轴先怎么样的？这样的吧，新版本如果你是大富裕空间在主轴的这方向，你看如果我告如如如是吧，来看空间在哪。

这边吧，是不是主轴的正方向，也就的时候切记富余空间在主轴的正方向上。能理解我的意思吗？OK，这里好，这叫主咒的正方向啊，这个是，这个其实是新版本跟老版老版本不一样地方，来看一下老版本里面，我们说这是我们老讲的什么老版本的一个空间吧，你看我说是大，我这边我说那我这边是大的时候，我没有说空间在的方向吗？我只说在右边吗？来看一下为什么你看在右边，你看这时候我主着什么样的。这样的吧，那么你讲再来看，如果干吗？我是现在问你主轴长什么样，主轴是不是水平这条走后那头吧，是往这边指啊，看负空间在哪还是在右边，跟主轴方向没关系的，这是老版本跟新版本不一样的地方。

能不能理解，OK，走你。好，那继续往下走，那我们说什么富裕空间，在组织这块，现在在讲新版本吧，OK，再来看。富裕空间在主轴的反方向。是不是啊，来看看嘛，现在主轴往哪走。往这边走吧，负一空间在哪？应该在右边，是不是来看一下是不是在右边。诶，来看一下。还是被那克斯大吓我一跳，一身冷汗出来，是不是在右边？是不是富裕空间在主角的反方向？

能不能理解啊，OK啊，我还要打开新的浏览器，我怕卡。OK，这就是接篇吧，是不是只是教你们怎么去接，懂吗？OK，再来看好，那还有什么生的山，深的山，什么富裕空间在哪？富裕空间在两边。是不是再来看还有什么斯？Between的富裕空间在项目之间，他比老版本多了一个叫space，让富余空间在项目尔两边。走，你。负余空间在项目两边能不能理解？OK，这是主轴上面的吧，好，全部贴过来无是吗？好，接下吧，这个生的是负余空间在什么？富裕空间站主轴的什么？

两边吧，是的，OK，还有呢呢，富裕空间站项目之间，OK，这个呢，富裕空间站目两边。能不能理解OK，好，你们得知道你们在学一个很很牛逼的东西啊，OK，有人这辈子都会被这个莱克斯布局所困扰的，我敢这么说，因为我见过OK啊，我不希望你们这辈子都被这个布局困扰的。每次我要写布局，都要去说一。啊，不是这样的，再来看OK，那这是我们说的主轴上面空间管理吧，那我们说负空间关系是不是才讲了一块啊，还有哪边啊，侧轴是不是负空间这么大呢。是不是OK？侧轴负空间管理看老版本叫什么。

撤足的间管理叫什么？是不是OK，来看一下CTRLCCTRLV。零四负余空间管理谁侧轴，这里来看一下，现在主轴是不是主轴是大的位置啊，主轴就不要管了，我们看侧轴。三个字。恩，Center。OK，住起来。OK啊，我希望你们有自己的思路好走，你叫什么？We伦，OK，走，你好，先我问大家。现在我。是车主是谁？侧头是谁，垂直那条走吧，就侧走吧，侧子的方向是什么样的，向上还是向还向下的，因为我这个如果是管的是主轴的方向，车子方向还没变，是向下的讲OK，我们来看一下大代表什么意思。

这什么富裕空间站下面。这说实话。你看负余空间是在下面，是不是再来看还有什么代表负余空间在上面，Center富裕空间站。两边能理解，我问你有没有可能，我说这一块，我们说主轴上面的富裕空间有没有可能是在下面。对呀，有没可能，我如果这跟着是啊，我是不是来看一下，现在外干问你主轴上面空间在哪。

主轴富裕空间跟这个有关系吗？跟方向有关系吗？没关系，老版本的我们来看一下现在主轴是哪一个水平，这个不随时这个方向，方向往哪的。我上了吗？侧是不这个那不讲，我们说现在我外不记住到要么是右边，要么是下边，跟你主的是哪一个有关系。等懂，那现在这个时大就是什么，主轴上面负一空间在下面，侧轴上面负一空间在两边，来看一下主轴负一空间在下面，侧轴负空间在两边，主轴负一空间是不是在下面，侧轴负侧轴负空间是在两边，那么这也就是说我这边这个大负一空间要么在右边，要么在下面，这跟你主轴是哪一根有关系，在右边说明你这个主轴是哪个轴X轴。

在下边说明你这个主轴是外轴。懂吗？那这个一这个一样吧，富裕空间要么在于左边，要么在什么。上面是吧，如果是X，那就在左边，如果是外，那就在上边，也就说老版本里面这个主轴上面的富裕空间不会受你主轴方向改变而改变。能理解我这句话吗？能讲啊，一定要把这个思清楚啊，OK，那来看一下好，我们说这个大代表什么富裕空间站，要么在什么知道。是大什么，富裕空间在哪？你看现在我还是把它调回去头这个什么normal么，主是哪一个水平是不是OK，主轴是水平这个走是不是侧着间是大码就在么下面吗？要么是下面要么是。

右边那么甲是不是这句话还是还是干嘛。如果你侧着是大，说明是大时候那边。侧轴是X轴嘛，你看我现在侧轴是哪个轴，我让侧轴变成X轴，侧轴变成X轴啊，你看。哪边右边吧，你看哪边还在，还在右边吗。能解吗？现在问你这个轴是不是侧左。是不是它永远在右边，那这句话能不能使用。一模一样的嘛，如果你这个侧轴是X轴的话，那在右边，如果你这个如果侧轴是Y轴的话，那就在下边嘛。是不是测子在外头，是不是，是不是永远只是右边跟下边啊，不可能去左上的负空间，OK，来看一下N呢，N能不能使用也可以使用，是不是生的一样，负空间在两边是不是，那比如说现在大大家把思路换换干嘛？哎，我来一个摁的好来看一下，我来一个加吧，好就这么看，我问你好思考一下空间在哪，首先看主角是哪个。

主轴是哪个垂直，这个是主轴，是不是主轴方向往哪往上，这个是主轴。是不是OK，这个是车走车向往了。网友，没有变，因为我没有调整车头方向吗？这个是侧头。是不是主轴上面富裕空间在哪边项目之间，主轴上面在项目之间。是不是OK？厕所上面空间在哪？

侧子侧空间在哪？现在侧走是什么走？在哪边左边。是不是啊，来看一下。是不是在左边。是不是啊？左边嘛，富余空间主轴上面在项目。直接吗？能不解，所以这个东西需要记吗？你得把这条规则记住，拿着这条规则你看属性。那么讲你的分清干嘛分清楚啊，也就说这些东西是不是带思维的，是带体系的啊，你光靠记肯定是记不住的啊，没有体系肯定是记住的，那么讲好，那这是我们说的。老版本的是吗？老版本的侧轴上面负一斤的管理，那再来看什么新版本侧轴上面的负一公斤管理零四。OK。

OK，新版本侧度费用分析管理是谁？哪个属性？叫什么，本来是不是来看一下，OK，我们说它有几个值。它有这么多CLCCL。好，我们说你要考虑新版本跟考虑老版本一样吗？不一样。叫什么？是是的，好来看一下，他有几个字，首先是知道，好来看下大说明，侧走上面空间在哪侧的方向，侧是谁。侧现在是谁？是主还是侧外走是厕走吧，是不是厕所方向往哪想空向往哪。

下空该在下面是不来看下富裕空间在下。负空间在下面，侧所面负空间在下面吗？是不是啊，主轴上面你看没是状的吗？跟我没有任何关系，侧空间在下面吗？好再来看呢。是不是在侧轴的反方向，OK，侧轴的反方向那不就在上面。那么讲OK，那呢，在两边吗。是不是OK下面是不是还有两个字啊，OK这两个字我们待会再来说，好，我们来看这个叫什么富裕空间站侧轴的正方向，其实之后之后你们再整体的去看的话，就记好记了，现在我一个跟你讲，你可能记不住OK这个什么侧轴的反方向，OK在侧走的两边。

是不是你先听思路，你现在记肯定记不住的，懂吗？先听思路，好我们再来看，待会我会帮你去捋的，好周尼，我们来看，那这个分是干嘛？好模题，我们现在讲的富裕空间这种东西，之前有没有学过，肯定没有听过富余空间的管概念，可是这些属性有没有学过，都有学过，那时候叫做对齐。是不是其实新版本里面推荐的概念是对齐？懂吗？老版本里面的概念是富裕空间，可是我觉得富裕空间更加好理解。对齐太抽象了，是不是你说他有什么对齐啊？向上对齐，那什么叫向上对齐啊？什么什么叫向向下对齐啊，是不是就个人觉得对齐这个概念不利于你去计算API，反而负裕空间这个概念极极其利益你去去API是不是，你看这些负裕空间嘛，一看就是比如说哎负裕空间在哪个方向，那我一看不就知道了吗。

能不理解，OK，可是这个跟什么有关，机械有关，好，我们来看，比如说这个item，我来个STEM，它的航空我给个。1P来看一下，现在是不是干嘛下来了，下来我看我说干嘛，为什么。软看一下。走零是不是这样了，我问你是不是还是富余空间的拐点？是不是，只不过这个富裕空间的管理跟机械没关系，有按期限来的嘛，有些富裕空间在上面，有些裕空间管理在下面，对不对，可是这个baseline我建议你们就是这么记。啊，极限对起就可以了，而且这个基本上用不到，那么讲好下面这个呢。

默认是吧，这个是干嘛的拉伸吧，可是我现在写会有拉伸效果吗？不会看到没有，我把这个机器给他干掉。会有拉伸效果吗？不会，大家有没有学过一个叫等高布局。等高布局没学过？马复制的时候没有讲过等高布局吗？肯定学过啊，OK，看你怎么做等高布局，等高布是没有高度的，来看一下。是不是个等高布局，那么讲OK，这其实就是什么等高布局，可是前提是你得没有高度采用等高布局所说啊，有了高度有用吗？没有用的那边讲好，这是为等高布局而生的，那边讲好，那到现在我们已经把老版本上面容器上的所有的属性全部做完了。

新版本跟它对应的也么一个个对过去了，那么讲OK，那待会我们上课的时候会帮大家去梳理一下这个关系。那边讲OK，好先，大家先上课继续。