58.尚硅谷_css3_flex(新版本容器新增).wmv原创

啊，大家把青蛙放一放看屏幕好，现在我们刚刚是不来不去，老版本上的重全部讲完了，新版本与之对应的也讲完了，是不是好，当然我问我要问问大家个问题啊，就我们刚才在讲这个，呃，项目时，我们说弹性空间管理是不是给他下的定义啊，是不是我们下定义说，哎，我们下定义说将主轴上的负余空间按比例分配到项目的外上。能不能分配到你主轴是Y轴，不是分配到还是什么。是不是那么解Y的话是主轴是X轴，不是就分分配到Y上了，一个主轴是Y轴的话，那主轴的负一就不就全部分配到派上了吗？那就我们直接说什么分配到项目上就行了。我这么想的，我这么想么？你讲OK，好，然后给我回忆一下，我们说有属性可以控制啊。主轴的主轴是哪一根，以及主轴的方向有没有属性能够控制？侧轴是哪一根以及侧轴方向呢？

侧州是哪一个？有没有主轴哪一根出来，侧哪根出来了吗？所以说侧是哪一根，不用我们管，主轴定下来就可以了，可是有没有属性是用来控制侧方向，侧走方向有没有我们学了吗？到现在现在没学是不？我们说控制主方向的是哪个属性，老版本里面是不是，新版本里面black down direction是不是，OK，那我们来讲，那是不是我们说测头的方向没有数据控制啊，告诉你老版本里面就没有办法去控制测方向的。为什么来看一下，我们第一次讲林气候的时候，我说老版本大他。走你你看是不是直接溢出的，超出整个容器的时候的话，是选择溢出的，它有侧轴方向这一说吗。

问你他能变成多好吗？能吗？人家是溢出的，那要多行怎么办？老版本你们想要多行怎么办？两个容器呗。两个容器不就都好了吗？能理解我说的话吗？我们说老版本里面有没有属性是用来控制侧头方向的？没有，为什么没有属性用来制侧速方向？因为老版本里面压根没有侧轴对切这个说法。什么叫侧速对切？按照道理的话，你干嘛你要这么堆切起来我测走方向才有意义吗？你所有的东西都在一行的选择溢出的，我测出的方向有意义吗？没有任何意义啊，说老版本里面没有测头风扇可以做，懂吗？可是我问你，如果你想让一个老版本的布觉得它换行怎么办？

没办法让它换行的，你得写两个容器啊，第一个容器，第二个容器，这就换行。能理解吗？想在一个容器里面换行是干嘛做不到的，在老版本里面，一个容器里面他绝对不会给你换行的，他选择溢出的能不能讲好，那我来看。那新版本里面是不是就有对接了，是不是OK哪个数形，哎，我们说这是我们新版本什么跟老版本做对比的吧，是不是好做对比的，找你好O，这做什么对比的。OK，那我们现在来讲新版分数啊，新增的。Okay I'm sure。F2 OK，它索C交上来了是吧？OK，用哪些好？那从新版本里面把最后一个一个什么拷过来就可以了，CTRLCCTRLB是不是看新版本里面新增的也分容器跟项目吧，OK，那我们也来一个什么。

容器和。项目。好，首先来看容器身上的好，有一个属性叫什么flex down什么意思？属性X外属性控制了容器为单点或者单行还是多点日度啊，其算本章就是定义的测试的方向，OK，我们来看一下这里，那看flax这个是干嘛？走，你怎么玩？上面这些注释我就全部干掉了，OK，走，你问你谁身上的？你看这个时候我们的排列是不是长这样子啊，把它搞得干净一点啊，自己给它干掉啊，把来辘我也不要OK，这里面什么就是，是不是这里面什么上来就是。

是吧是吧，这个呢也是，是不是就比较干净了，好周你好，是不是比较35好来看一下，我会说，如果我这个容器稍微变。小一点，现在我it是不是宽度上面再去两百五啊，五个码五乘以58，我的容器是只有100，你看他选择什么压缩吧，OK，如果说你容器上面有一个属性叫做X杠嘛。是吧，我们说它有几个字。No外看一下外什么意思？外去干嘛？不换旁班默认指标不换干嘛？又打开这个浏览器了啊，以后打开这个浏览器就提醒我一下啊，以免卡。

OK，好，怎么办？那个外盘是不是干嘛不换行，默认是不会压缩的，是不是OK，那我们说还有个属是什么。完了找你看是不画行了，12345啊，有被压缩吗？没有怎么画法呢。成都怎方向？这么讲。如果。外卧侧走的反方向不还是什么，OK，我们说不管你是主轴还是这个在什么，不管是主轴还是在那个侧轴上面，元素排列永远在正方向，沿着主轴正方向，或者沿着侧侧出的正方向，对不讲，那只是说我们侧出正方向变成这样，所以说12345嘛，对不讲，而且你们有没有发现。

富余空间是一行或者一列为度的概念。是不是啊，负余空间是不是一行或者一列要维度的概念啊，那我想我说这个富余空间最好以这个整体来算，怎么算？我说他们应该是一个组合，12345应该是个组合嘛，那负一空间就应该把它们看成一个整体嘛，那怎么办？有没有数据可以做到的，有，有一个叫a content a的属性第一弹性容器。侧轴方向是什么？比额外空间是如何排不美好的一点吧，这些属性值熟不熟熟OK，也就是说我有个属据叫做什么来看，我问你它是不是也用来管什么负余空间的，侧度负余空间的，这里面哪个属性也是用来管测度负空间？本it他们俩会不会有这多。来看一下，比如说你是克斯，是不是看一下富裕空间在哪。

在下面吗？我们说是厕所上面的吧，主织上面你管吗？主织不管啊，现在我主是哪一个。这一个嘛，是不是，你看是不是在它的组轴的正方向负余空间，因为31234没有负余空间了，懂吗？OK，再来看侧折线是哪一个侧对的方向向上的吧，OK，把侧对的方向调条正，侧对方向是不是向下的，你看负余空间在哪？下面为什么我写的是呢？下面吗，正方向吗？可是我们说是把你所有的列或者说说的好看成一个整体。懂不懂，所以说多长多列时赋予空间看谁啊。单行单列看谁啊？他们两个属性写在一起的时候，如果你是多行多列的，那就看content，如果是单行单列的呢？

N比如说我知道它变成一号，那怎么办？比如说我这个改成N的，是不是照料下在哪。上面的吧，是吧，因为你现在侧侧度是这样的，侧出的方法量就是在上面的，他想如果把它变成一行，怎变成一行，这个容区稍微大一点，是不是一行，这个是应该听谁的。什么主轴是哪一个，现在这种侧轴什么方向呢。是不是听的是听的是斯还是。大听的是得人it乘是吧，因为你只有一行，只有当你是多行的时候，你才是一个整体啊，整体的听谁的。能肯定他懂不懂，比如说我家上变成一个整体200的时候，差不多应该是一个。

整体是不是你看是不是这样就跑跑到上面去了，因为是吧，现在能搞明白这两个属性的区别吗？一个叫an it，一个an叫an很it是把你看成一个it，肯是把你看成一个整体一块内容吗。能理解吗？这两个属性能不能区分开了？可以区分开了吧？OK，好，这是新版本新增的容器，上面的两个属性，一个是，一个是flex，对，一个是，这里面你讲OK，我们说X用来管理什么。管理不用管理控制吧，控制啊，侧走的方向是不是这个道理啊。是不是测出怎么堆切的嘛，是不是控制测出的方向。

能不能理解这句话？是不是比反应给我的方向吗？大家看现在如果不想问你厕是哪一个？有测试方向这一说吗？没有，会压缩的是不是？你看我写100的时候，干嘛会分成多行吗？不会啊，为什么？因为你没有告诉干嘛有多行的时候，方向往方向往哪走啊。懂不懂，比如说我直接写个什么方法告诉你往什么对切开始堆切哪个方向对切侧轴正方向开始给我对现没有这个属性，它不会对现的上来，你看侧周正方向开始给你堆现嘛，12345啊，我们我们先不看这个回补点。你看12345开始对接吗？是不是侧轴正方向的对齐了，能理解吗？那比如说我把这个轴换了。啊，侧着我换成哪个走现的好，我问你现在侧头是哪个走吧，是不，那怎么对现沿着侧着正方向。

对接吗？是不是，你看我沿着侧正方向对对不对，有对接吗。没有啊，你现在只有一列。没有对接吧，懂吗？因为我现在只干嘛分成嘛，把它高度干嘛小一点，看它对不对，现。有没有对现往侧周正方向去进行对现吗？不是诶来看一下现在是什么，先问你侧是哪一个，侧是X是不是，这是我的。撤走是不是怎么对象，这不是可以放一个吗？放一个吗？放一个吗？是不往这个方向对象是不是，如果是rap干什么侧的反方向去进行对接，12345是不是用来控制侧方向的。

没问题吧，OK，感觉这里OK，那别的有点小了，还是让他回城，三百三百这里。好好，这个稍微小点100吧。好OK，我们说那这个属性是来干嘛的。其实它只有在flex外这一切的时候，它才有用是不是啊，也就什么控制，什么多行多练时，什么复越空间的管理。是吧，他做是就多行多点是空间的管理是吧，直的类型是不是跟我们之前都是一样的，只不过他会把多行多点看成一个什么。

整体会把什么所有行或者列干嘛看成一个整体，能理解吗？这两个数能不能理解？OK，好，那老版本上面啊，新版克这个中下面最后加了一个比叫啊，你看斯。那个什么词叫什么street吧，是不是一样的？能不理解啊？OK，那还有谁叫Lex flowlex flow是Lex direction跟Lex的简线，为什么要有一个X属性？你看它是哪两个属性的节节？我问你这一个属性是不是就可以控制主轴是哪一根主轴的方向，侧轴是哪一根侧轴的方向。是不是一个属性把你搞定。能不能理解，OK，那如果我们这边改一改，也就说谁这个可以不用写。

谁这个可以不用写，直接写什么。属性是什么？他们俩的简写吗？刚如果是再看一个是不是，哎，因为我开的这个什么伦还什么，你看我这说一下数，他们俩是一样的。能理解吗？OK，现在应该能亲切的感受到flax floor是干嘛用的，是不是就是用来控制主轴是哪一个，测主哪一个，主轴方向是往哪，测主方向是往哪？能不理解？OK，那容器上的属性就形成了这三个。懂吗？能理解吗？OK，我问你，起作用的前提是不是你必须有外部出现，而且不，这个数据不应该是no吗？

那你讲。