HTML - 书写模式不改变任何东西

Question

大家好我想在我的桌子上拿一个标题来垂直显示但是写作模式没有改变任何东西。

CSS

.VerticalText
{
  writing-mode: tb-rl;
}

HTML

<td rowspan="6" id="tableHeader" class="Border">
   <h1 class="Font12 VerticalText Centre">Project Details</h1>
</td>

在此图像中，蓝色文本应为垂直

Answer 1

writing-mode: tb-rl;现已弃用。 https://developer.mozilla.org/en/docs/Web/CSS/writing-mode

尝试writing-mode: vertical-rl

＆＃13;

＆＃13;

.VerticalText
{
  writing-mode: vertical-rl;
}

＆＃13;

<td rowspan="6" id="tableHeader" class="Border">
   <h1 class="Font12 VerticalText Centre">Project Details</h1>
</td>

＆＃13;

＆＃13;

＆＃13;

Answer 2

更改为

vertical-rl;

解决了这个问题。我正在使用Atom编辑器和实时预览插件，它不能识别新的CSS。