html-1

Html 布局

1. flex布局

flex-grow 定义 flex item的拉伸因子，默认为0，即存在剩余空间也不放大

一行中的多个元素的flex-grow可理解为比例

2. 垂直居中

top: 50%;
position: absolution;
transform: translateY(-50%);

Reference

1. Flex 布局教程：语法篇
2. flex | MDN