如何将文本放在中心

.container {
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
}

.text {
  text-align: center; /* 水平居中 */
  line-height: 100px; /* 垂直居中，假设容器高度为100px */
}

var container = document.getElementById("container");
var text = document.getElementById("text");

var containerWidth = container.offsetWidth;
var containerHeight = container.offsetHeight;
var textWidth = text.offsetWidth;
var textHeight = text.offsetHeight;

text.style.left = (containerWidth - textWidth) / 2 + "px";
text.style.top = (containerHeight - textHeight) / 2 + "px";