查过的问题的积攒

  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;