css - 有没有办法只垂直旋转文本？不旋转整个细胞？

Question

我正在尝试使用以下方法来做到这一点：

.VerticalText {   
transform: rotate(-90deg); 
}

但它正在旋转文本和单元格。如何在单元格内垂直旋转文本？

Answer 1

您应该在文本之外创建一个 div，然后以另一种方式旋转。

因此，如果

.VerticalText {  
    transform: rotate(-90deg); 
}

并且外部的 div 被称为例如 .VerticalTextWrapper

.VerticalTextWrapper {
    transform: rotate(90deg);
}

希望有帮助！