zoukankan      html  css  js  c++  java
  • flex 简单设置

    /*弹性盒子 start*/
    /* ============================================================
    flex:定义布局为盒模型
    flex-v:盒模型垂直布局
    flex-1:子元素占据剩余的空间
    flex-align-top: 子元素垂直置顶
    flex-align-center:子元素垂直居中
    flex-pack-center:子元素水平居中
    flex-pack-justify:子元素两端对齐
    兼容性:ios 4+、android 2.3+、winphone8+
    ============================================================ */
    .flex {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
    .flex-v {-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
    .flex-1 {-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
    .flex-wrap {-webkit-flex-wrap: wrap;flex-wrap: wrap;}
    .flex-align-top {-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start; }
    .flex-align-center {-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
    .flex-pack-center {-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
    .flex-pack-justify {-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
    .flex-wrap {-webkit-flex-wrap: wrap;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
    /*弹性盒子 end*/
  • 相关阅读:
    Nginx:rewrite / if / return / set 和变量 (转载)
    【Aming】win10用anaconda3安装 TensorFlow
    git
    webpack(3)
    webpack(2)
    webpack(1)
    json
    Aliyun搭建svn服务器外网访问报错权限配置失败错误
    阿里云ECS服务器,mysql无法外网访问
    mysql出现 Unknown column 'Password' in 'field list'
  • 原文地址:https://www.cnblogs.com/init-007/p/11428950.html
Copyright © 2011-2022 走看看