本页目录

flex布局

如何使用

html


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

1
2
3
4
5

css

#flex{
  display: flex
}

1
2
3

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

css

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

1
2
3
4
5