对flex的第一印象就是解决响应布局存在的,使得布局的设置更灵活,但随之而来的是需要明白flex内部是怎么绘制的,一直以来就是看一下其api, 大概知道什么意思,上来就开始写,但对这个玩意却一直没有达到朋友的地步,这就是flex, 根据自己的demo慢慢来撕开它
首先,flex就是一个容器,一个大盒子,凡是在这个盒子内的元素都要尊师其制定的位置规则,这个元素该在哪,另外一个元素该在哪,我有我的规则,要想在里面呆著,就要遵守规则,否则展示一团乱。
规则一. 布局方向 横向还是纵向。flex-direction: row,里面的元素按照横向排列,向左看!。 column: 乖乖的按照纵向排好对,向上看!