html - 跨浏览器垂直 CSS 文本

Question

我想制作 CrossBrowser 垂直 CSS 文本，我有这个 code

但我需要像这样旋转文本:

Image

Answer 1

您可以通过 transform: rotate() 实现它CSS 属性，例如:

div {
  width: 300px;
  transform-origin: center top;
  transform: rotate(270deg);
}

<div>
  <h1>First</h1>
  <h1>Second</h1>
  <h1>Third</h1>
</div>