如何在站点中间居中显示文本并删除滚动条？

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; /* 设置容器高度为视口高度，使其充满整个屏幕 */
}

.text {
  text-align: center; /* 水平居中 */
  vertical-align: middle; /* 垂直居中 */
}

<div class="container">
  <div class="text">
    Your text here
  </div>
</div>

.container {
  overflow: hidden; /* 隐藏滚动条 */
}