1. 行内元素 inline
      1. text-align: center
    2. 块级元素 block
      1. margin: 0 auto;
    3. 定位元素 absolute
      1. left: 50%
      2. margin-left 负值（其width的一半）
    4. flex 布局
      1. justify-content: center
      2. align-items: center
    5. grid 布局
      1. justify-items: center
        align-items: center
      2. 或联合属性同时设置 justify-items 和 align-items
        place-items: center

    点击查看【codepen】