css flex demo

1.子元素绝对居中

父元素：display: flex;子元素margin: auto;

2.页脚

a.

.wrapper{
    min-height:calc(100vh - 80px);
}
footer{
    height: 80px;
}

b.

body {
    display: flex;
    flex-flow: column;
    min-height: 100vh;
}
.wrapper {
 flex: 1; 
}