scss 中心元素（центрированиеэлементовиливыравниваниеэлементовпоцентру）

Posted 2021-05-17

// 1
.some-class {
  display: flex;
  align-items: center;
  justify-content: center;
}

// 2
.some-class {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate (-50%, -50%);
}

// 3
body {
  display: grid;
  place-items: center;
  height: 100vh;
}

// 4
.content-table {
  display: table;
  height: 100%;
  width: 100%;
}

.content-table-cell {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}