display:table布局

        今天在看到学长在项目中使用了table布局，我以前没了解过这个，感觉很神奇，我布局一般是flex一把梭，但是有些时候使用table这个骚操作会有奇妙结果。需要提前知道的是：

 - display: table时padding会失效
 - display: table-cell时margin会失效

        使用情况一：父元素宽度固定，让子元素平分宽度

        放在以前我会给父级元素设置display:flex，然后为子元素设置宽度，这里用新学的table来处理，父元素作为table，子元素作为table-cell可以直接实现等分效果

.parent{
  display: table;
  width:300px;
}

.son{
  display: table-cell;
 }

        使用情况二：块级子元素垂直居中

.parent{
  display: table;
}

.son{
  display: table-cell;
  vertical-align: middle;
}

操作很多，尝试熟练后再更新补充。