zoukankan      html  css  js  c++  java
  • flex弹性盒子的兼容性写法

    将这些添到css文件中基本上能满足页面弹性盒子的需求

     /*定义弹性布局盒子*/

     display:{

      display:-webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;

     }

     /*定义子元素排列*/

    flex-direction:{
      -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -moz-box-orient:vertical;
        -moz-box-direction:normal;
        flex-direction:column;
        -webkit-flex-direction:column;
    }

    /*横向排列布局*/
    justify-content:{
      -webkit-justify-content:center;
      justify-content:center;
      -moz-box-pack:center;
      -webkit--moz-box-pack:center;
      box-pack:center;
    }
    /*竖向排列布局*/
    align-items:{
      align-items:center;
      -webkit-align-items:center;
      box-align:center;
      -moz-box-align:center;
      -webkit-box-align:center;
    }
    /*伸缩盒子布局兼容*/
    flex:{
      box-flex:num;
      -webkit-box-flex:num;
      -moz-box-flex:num;
      flex:num;
      -webkit-flex:num;
    }
  • 相关阅读:
    北京南天软件java工程师面试题
    祝福自己
    致青春——IT之路
    PL/SQL devloper 常用设置
    CENTOS LINUX查询内存大小、频率
    centOS安装openoffice
    echo > 和 echo >>的区别
    sqoop job 增量导入
    sqoop job从创建到执行
    sqoop导入增量数据
  • 原文地址:https://www.cnblogs.com/wangxirui/p/9029267.html
Copyright © 2011-2022 走看看