【Css】积累和总结

查过的问题的积累

1. pre标签的换行
   white-space: pre-wrap;

2. flex基础属性

   1. flex-direction: clumn代表里纵向排列，row是行，column是列
   2. flex-wrap换行
   3. flex-flow是flex-direction和flex-wrap的简写形式
   4. justify-content属性定义了flex-direciotn方向的对齐方式。
   5. align-items属性定义了,上面的垂直方向对齐方式。
   6. 子元素的align-self，单独定义flex-direciotn垂直方向的对齐方式。

3. 宽高都依据vw设置，可以实现一种动态改变宽高的效果

   1. width: 85.33vw;
      height: 106.67vw;