袁奇生

To always face my adversity head on.

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

弹性有两个对象:

一、弹性盒子

      

  这个弹性盒子是块级元素,可以设置宽度与高度。弹性盒子内的元素默认是水平排列的。

       

  上图是行级块,没有宽度

二、弹性元素:弹性盒子内的元素就是弹性元素

  2.1改变弹性盒子内的元素方向排列方式:(注意:属性是在盒子内部的

    2.1.1在盒子内定义flex-direction:row;,他就按水平从左至右排列,定义flex-direction:row-reverse;就会水平从右至左排列。

    

    

    2.1.2在盒子内定义flex-direction:column;,他就按垂直从上到下排列,定义flex-direction:column-reverse;就会垂直从下至上排列。

                        

     2.1.3 弹性元素折行排列。

      

       2.1.4排列方向与折行可以合并成flex-flow:row wrap(建议使用)。

      

    2.1.5

         

      2.1.5.1:background - clip属性指定背景绘制区域

         

      2.1.5.2:box-sizing

           

列。

      

    2.1.2

posted on 2020-01-28 11:16  逼近精进  阅读(233)  评论(0编辑  收藏  举报