Html CSS3文本旋转

如何使用CSS3文本旋转实现以下内容

我正在考虑使用2个浮动元素（一个只包含文本，另一个用于右面板）和一个容器

如果您能在IE8中找到任何解决方案，我们将不胜感激。

请检查此项

这样写

-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);

&对于IE，您可以使用此过滤器

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

检查小提琴

&对于IE8，您可以使用条件注释或IE css攻击。

使用

-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
transform:rotate(-90deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

---

在元素上。（可能是90，而不是-90——你必须检查一下！）。IE one只取代表每个90˚旋转的1,2,3,4的值。

不确定是谁投了反对票…但你的答案看起来不错…我唯一的问题是如何将其放入图中所示的2列布局中…更新答案的Thx…在我的情况下是第1列（我的类文本）占用了大量的水平空间。我的意思是，如果我给的宽度少一些，比如说30px，文本是两行的，而不是一行的…而且我不能将宽度增加太多…过滤器正在工作，你必须使用边距，边距已经解释了“对于IE8，你可以使用条件注释或IE css hacks”，所以即使在你的例子中，如果我玩边距游戏，我应该在IE8中看到（到目前为止，我不能在中看到）