Рабочий перерыв не работает на боковой вкладке

Question

Я работаю с простым меню вкладок с использованием дизайна муравья, я хочу, чтобы текст в меню вкладок отображался вертикально.

T

A

B

1

Моя проблема в том, что я не могу достичь этого состояния.

ОБРАЗЕЦ КОДА

.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

Попробуйте использовать свойство режима записи, как упоминалось здесь :

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