工作休息在侧选项卡上不起作用

Question

我正在使用 ant design 制作一个简单的选项卡菜单，我想在选项卡菜单中垂直显示文本。

T

A

B

1

我的问题是，我无法达到那种状态。

SAMPLE CODE

.ant-tabs-vertical > .ant-tabs-bar .ant-tabs-tab {
  height: 90px;
  line-height: 90px;
  margin: 0;
  padding: 0;
  width: 30px;
  -ms-word-break: break-all;
  word-break: break-all;
}

Answer 1

尝试添加white-space: normal;并删除line-height: 90px;

Answer 2

尝试使用 here 中提到的 write-mode 属性：

.ant-tabs-vertical > .ant-tabs-bar .ant-tabs-tab {
  height: 90px;
  margin: 0;
  padding: 0;
  width: 30px;
  -ms-word-break: break-all;
  word-break: break-all;
  writing-mode: tb-rl;
}