flex实现一个剧中div布局

可以使用 `display: flex` 和 `justify-content: center` 实现剧中布局，具体代码如下：

<div class="container">
  <div class="centered">这是居中的内容</div>
</div>

.container {
  display: flex;
  justify-content: center;
  height: 100vh; /* 设置高度为视口高度 */
}

.centered {
  width: 50%; /* 设置宽度 */
  text-align: center; /* 水平居中 */
  margin: auto; /* 垂直居中 */
}

这样就可以实现一个剧中的 div 布局了。