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

Question

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

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

不知道这是否可行.

谢谢!

Answer 1

我还没有尝试过这个，但为什么不在<div>当前<div>和文本之间添加一个带有透明背景的额外内容呢？然后您可以旋转它<div>。