zoukankan      html  css  js  c++  java
  • display flex 弹性布局

                      display: flex; 
     
     
                      flex-direction: row;    /*从左到右排序 1 2 3  */
                      flex-direction: row-reverse;  /*从右到左排序 3 2 1  */
                      flex-direction: column;  /*从上到下排序  1 2 3  */
                      flex-direction: column-reverse;  /*从下到上排序 3  2 1*/
     
     
                      flex-wrap: wrap;      /* 换行 */
      justify-content   : 水平对齐方式

      align-items: ;  垂直对齐方式

    --------------------------------------------------------------------------------------------------------- 以上都是父元素中的属性

    --------------------------------------------------------------------------------------------------------- 下面是子元素中用到的属性

          order: 数字-   ----------------------------可以用拍排序。 数组越小越靠前
     
          flex-grow ------ 对剩余空间进行分配(只有有剩余空间才可用)
     

     flex-shrink: -----------------------------------------按比例压缩, 值 为 0 时, 页面变化不压缩
     
     
     
    头部,尾部固定,中间沾满
     
     
     
     
     
     
     
     
     
  • 相关阅读:
    反射
    ASP.NET
    解析命令行
    Private和Protected方法
    洗牌算法
    目标指向、Icon图标的错误
    数字签名与数字证书
    (Java实现) 最大团问题 部落卫队
    (Java实现) 最大团问题 部落卫队
    (Java实现)洛谷 P1164 小A点菜
  • 原文地址:https://www.cnblogs.com/javascript9527/p/12602458.html
Copyright © 2011-2022 走看看