Css 表格中从下到上的文本

在表格内时，是否有方法将文本旋转90度：

比如：

    <tr>
        <th class="bottomtop">
            <span class="bottomtop">{{ task_definition }}</span>
        </th>
    </tr>

.bottomtotop { 
    transform:rotate(270deg);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

---

也许你想要这样的东西

.bottomtotop { 
 -webkit-transform: rotate(90deg); 
 -moz-transform: rotate(90deg);   
  display:inline-block
}

最重要的是

span

是一个内联元素。“变换”不适用于此。因此，您需要使用块元素或使用

display:inline block

或

display:block

与

span

匹配，当然，还需要将类名与标记匹配。（您在标记中提到了bottomtop，但在css中它是bottomtotop）

---

我认为您的主要问题是您的

span

有一个

bottomtop

类，但是您的CSS定义了

bottomtotop

。我刚刚添加了一个

display:block

，并更正了类名，效果很好

}

.bottomtotop { 
 -webkit-transform: rotate(90deg); 
 -moz-transform: rotate(90deg);   
  display:inline-block
}

.bottomtop { 
display:block;
transform:rotate(270deg);
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);