zoukankan      html  css  js  c++  java
  • flex布局

     图标文字上下对齐

     display: flex;
        flex-direction: column;
        justify-content: space-between;
     
    父级display:flex
     
    底部对齐
    .aabbc {
        display: flex;
        flex-direction: column-reverse;
        justify-content: space-between;
     
     
    1. flex-direction: column-reverse; */  //主轴  纵向
    2.  justify-content: space-between;
    3.  align-items: flex-end;    //底对齐   横向
    }
     
     
     

    两端对齐

    父级

    .zcgg_sy .sy_xinwen {
        align-items: center;
        display: flex;
        justify-content: space-between;
    }
     
     
    底对齐
      display: flex;
        justify-content: space-between;
        align-items: flex-end;
     
      display: flex;
        justify-content: flex-end;  /* 左右最末 */
      
        align-items: center;  /* 上下剧中 */
      
        height: 100%;
    }

  • 相关阅读:
    九连环
    Fruit Ninja(取随机数)
    Distinct Values(贪心)
    Harvest of Apples
    Don't Be a Subsequence
    ConvexScore
    守卫
    Trie树
    NOIP 2005 过河
    HDU 4597 Play Game 记忆化DP
  • 原文地址:https://www.cnblogs.com/111wdh/p/14124204.html
Copyright © 2011-2022 走看看