图片居中

例1：

.box{
  width: 300px;
  height: 200px;
  border: 1px solid ;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

直接上图：

image.png

例2：

.space {
        width: 100vw;
            height: 100vh;
            /* 设置宽高以显示居中效果 */
            display: flex;
            /* 弹性布局 */
            align-items: center;
            /* 垂直居中 */
            justify-content: center;
            /* 水平居中 */
 }
 body {
        margin: 0;
 }
 .earth::after {
        content: '';
        font-size: 85px;
  }