css中怎么让文字竖排显示文字居中

在CSS中，我们可以使用writing-mode属性来实现文字竖排显示。使用writing-mode: vertical-rl;可以设置文字从上到下竖排，而使用writing-mode: vertical-lr;可以设置文字从下到上竖排。
但是在竖排文字中，遇到的一个问题是如何让文字居中。这里我们需要使用text-align和line-height属性，来控制文字的对齐和行高。
text-align属性可以设置文字在竖排方向上的对齐方式。例如，使用text-align: center;可以让文字在竖排方向上居中显示。同时，由于text-align对文字的水平方向也有影响，所以我们通常需要再加上writing-mode: vertical-rl;来强制文字竖排。
line-height属性则可以控制竖排文字的行高。由于在竖排文字中，每个文字所占的宽度相对较小，所以我们需要适当的增加行高，来让文字看起来更加舒适、美观。通常情况下，建议将行高设置为文字高度的1.5倍左右。
下面是一个示例代码，实现了文字在竖排方向上居中显示的效果：

p {
  writing-mode: vertical-rl;
  text-align: center;
  line-height: 1.5em;
  height: 10em; /* 设置固定高度 */
  display: flex; /* 使内部元素垂直居中 */
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
} 

在这个示例中，我们先使用writing-mode属性设置文字竖排，接着使用text-align属性将文字在竖排方向上居中。为了控制行高，我们使用line-height属性，并且将其设置为1.5em。同时，为了让文字看起来更加整齐，我们设置了一个固定的高度，用display属性将内部元素设置为flex，并使用justify-content和align-items让文字垂直居中和水平居中。
综上所述，在CSS中实现文字竖排并让文字居中，需要使用writing-mode、text-align和line-height属性，并且需要注意行高和排版方式的调整，才能得到美观的效果。