writing-mode: vertical-lr; 如何使其中的文字水平居中

`writing-mode: vertical-lr;` 是一个CSS属性，它定义了文本的行布局方向。当设置为 `vertical-lr` 时，文本会从上到下排列，从左到右流动。要在这样的文本模式下实现文字水平居中，你可以使用CSS的 `text-align: center;` 属性。这个属性会使得行内内容（例如文本、图片等内联元素）相对于其块级容器水平居中对齐。

为了使包含垂直文本的整个块级容器水平居中，你还需要设置块级容器的宽度，并使用 `margin` 属性来设置自动外边距，如下示例所示：

.container {
  width: 200px; /* 设置容器的宽度 */
  margin: 0 auto; /* 上下边距为0，左右自动外边距实现水平居中 */
  writing-mode: vertical-lr; /* 设置文本流向从上到下，从左到右 */
  text-align: center; /* 水平居中文本 */
}

假设 `.container` 是包含垂直文本的HTML元素的类名，上述CSS代码将使得该容器及其内部的文本水平居中显示在页面上。