也要水平居中，文字是竖状的

如果需要让文本同时水平和垂直居中，并且让文字竖状显示，可以使用CSS的transform属性配合旋转来实现。具体实现方式如下：

HTML代码：

<div class="container">
  <span class="text">这是一段文本</span>
</div>

CSS代码：

.container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px; /* 设置容器高度 */
}

.text {
  display: inline-block;
  text-align: center;
  font-size: 24px; /* 设置字体大小 */
  transform: rotate(-90deg); /* 旋转-90度，让文字竖状显示 */
  transform-origin: center; /* 以中心点为基准旋转 */
}

其中，`.container`是容器的类名，`.text`是文本所在的`<span>`元素的类名。通过设置`.container`的`display: flex;`，并且使用`align-items: center;`和`justify-content: center;`让文本在容器中水平和垂直居中。而通过设置`.text`的`display: inline-block;`和`text-align: center;`让文本在竖状显示时也能居中显示。最后通过设置`transform: rotate(-90deg);`将文本旋转-90度，让文字竖状显示，并且使用`transform-origin: center;`以中心点为基准旋转。