Flex布局可视化

<style>.demo_test {

    width: 100%;

    height: 100%;

    display: flex;

    flex-flow: undefined undefined;

    place-content: undefined undefined;

    align-items: undefined;

}

​

.flexBox {

    border: 1px solid #cccccc;

}

​

.div1 {

    margin: 5px;

    width: 100px;

    height: 150px;

    order: 0;

    align-self: auto;

    flex-basis: 0px;

    flex: 0 1 auto;

}

​

.div2 {

    margin: 5px;

    width: 100px;

    height: 150px;

    order: 0;

    align-self: auto;

    flex-basis: 0px;

    flex: 0 1 auto;

}