用于在 IE 中旋转文本的 CSS

Question

我在列表项 ( <li> ) 中有文本，我想将它旋转 270 度。在 FireFox、Safari、Chrome 和 Opera 中我们找到了直接方法，但是在 IE 中，没有直接支持。但是，有一些过滤器，例如 matrix和 BasicImage : 我试过了，但我一无所获。

例如，我正在做这样的事情:

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

它只是旋转所有列表项的第一个字符

Answer 1

我在这里猜测，但这可能是因为您只允许每个 <li> 的宽度足够仅显示第一个或两个字符。它在没有旋转的情况下正确显示，因为文本正确地溢出了 <li> 的宽度。 .我遇到了一个类似的问题，IE 只会旋转容器宽度可见的文本。

如果可以增加每个<li>的宽度不要弄乱你的布局，然后这样做，看看它是否有帮助。