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 时, 页面变化不压缩
     
     
     
    头部,尾部固定,中间沾满
     
     
     
     
     
     
     
     
     
  • 相关阅读:
    wsdl和soap(简单使用TCPMon工具)03
    Django-7
    Django-6
    Django-5
    Django-4
    Django-3
    Django-2
    Django-1
    python_控制台输出带颜色的文字方法
    python网络编程
  • 原文地址:https://www.cnblogs.com/javascript9527/p/12602458.html
Copyright © 2011-2022 走看看