flex布局

如何使用

<div id='flex'>
  <div> TEST </div>
</div>

#flex{
  display: flex
}

Flex 布局一般放在外层DIV上，对其内部进行布局控制

垂直居中

#flex{
  display: flex;
  justify-content: center;
  align-items: center;
}