zoukankan      html  css  js  c++  java
  • display:flex;

    http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool

    .box{
    100%;height:500px;border:solid red 2px;
    display:flex;
    //flex-direction:row;//row-reverse | column | column-reverse;
    // flex-wrap:nowrap;// | wrap | wrap-reverse;
    //flex-flow:row-reverse wrap-reverse;
    justify-content:flex-start;//| flex-end | center | space-between | space-around; 对齐方式
    // align-items: flex-start; | flex-end | center | baseline | stretch;//高度不一致时对齐方式
    align-content: flex-start;// | flex-end | center | space-between | space-around | stretch;
    //多根轴线的对齐方式。如果项目只有一根轴线,该属性不起作用
    }
    .boxItem{
    100px;
    height:100px;
    border:solid blue 1px;
    // display:inline-flex;
    //order:1;
    //flex-grow:0;
    //flex-shrink:1;
    //flex:auto |none;
    //align-self:auto | flex-start | flex-end | center | baseline | stretch;可覆盖align-items
    }

  • 相关阅读:
    jsonp 的 post
    js replace常用用法
    zindex
    x秒前
    手写jsonp
    webview 冒泡慢?
    人民币大写转阿拉伯数字
    checked
    Deadlock Troubleshooting Trace 1222
    [转]基于LUCENE实现自己的推荐引擎
  • 原文地址:https://www.cnblogs.com/jayruan/p/5170292.html
Copyright © 2011-2022 走看看