工间休息不适用于侧标签

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

尝试使用属性提到的书写模式here:

.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;
}

Answer 2

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

工间休息不适用于侧标签

Work-break not working on side-tab

css

tabs

antd