html - 我们如何使表头中的文本方向从下到上？

Question

我们如何使表格标题中的文本方向从下到上？以下代码适用于 Chrome。但它不适用于 Firefox。

是否可以为所有浏览器提供通用代码？

.vert_dir {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  float: right;
  writing-mode: tb-rl;
}

<p>&nbsp;</p>
<table border="1" style="position:relative;">
  <tbody>
    <tr>
      <td><span class="vert_dir">Column 1</span></td>
      <td>Column 2</td>
      <td class="vert_dir">Column 3</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
  </tbody>
</table>

Answer 1

请看: How to display vertical text in table headers with auto height / without text overflow?

使用 -90 度而不是 90 度。