html – 只旋转div元素中的文本(不是div)

我正在尝试创建一个包含大量div元素的网页,其位置和大小分别创建.接下来,我想在这些元素中插入文本,因此我使用JS将文本放在inner HTML中.有没有办法让我可以将文本旋转90度(而不是div本身,因为我不想改变div元素的位置和方向？

我试过了
-webkit-transform：rotate(-90deg);
-moz-transform：rotate(-90deg);
在CSS但他们都旋转div本身,而不仅仅是文本.

不知道这是否可行.

谢谢！

解决方法

我没试过这个,但为什么不加一个额外的< div>当前< div>之间和你的文字,透明的背景？然后,您可以旋转该< div>.