console 命令行工具 X clear
console
<style>
    * {
      padding: 0px;
      margin: 0px;
    }

    .flex-container {
      width: 300px;
      height: 300px;
      overflow: hidden;
      display: flex;
      background-color: gainsboro;
      justify-content: space-between;
    }

    .flex-container>div {
      width: 33%;
      height: 33%;
      background: pink;
    }

    .item-2 {
      align-self: center;
    }

    .item-3 {
      align-self: flex-end;
    }
  </style>
</head>

<body>
  <div class='flex-container'>
    <div class='item-1'>1</div>
    <div class='item-2'>2</div>
    <div class='item-3'>3</div>
  </div>
</body>