css - 如何在（文本）垂直的框中对齐文本中心 -rl 对齐

Question

我有一个 Box 和我想显示为垂直的文本，

我曾经writing-mode : vertical-rl这样对齐它，如：

我试图让文本居中：

使用text-align : centerorjustify-content : center但没有任何效果

目前使用的 CSS 如下：

我也经历过其他一些 SO Q，但没有任何效果

请求 O/p ：

• 框大小动态变化，但文本应在中心对齐（对于任何填充建议）..我可以知道我怎么能做到这一点..非常感谢任何帮助，TIA

  

标签： css

Answer 1

我认为您正在寻找align-items：

.sapMText {
  display: flex;
  box-sizing: border-box;
  writing-mode: vertical-rl;
  width: 200px;
  border: 1px solid black;
  line-height: normal;
  align-items: center;
  cursor: text;
}