CSS盒模型 flex

用於網頁佈局，PC的話，兼容性不夠，慎用，手機端的話，神器

整理部分通用的，能夠直接複製的，免得下次再寫一遍

注意，設爲 Flex 佈局之後，子元素的float、clear和vertical-align屬性將失效。

  .box{
    display: box;
    display: -webkit-box;
    display: -moz-box;

    // 水平
    &.row{
      flex-direction: row;
    }

    // 垂直
    &.column{
      flex-direction: column;
    }

    // 水平垂直都居中
    &.centre{
      justify-content: center;
    }

　　// 1份
    .flex1{
      flex: 1;
    }
  }

　　這個IE兼容，稍後再補