问题标签 [text-rotation]

我必须将文本框和一些文本对齐大约 30 度，如下所示：

我希望它至少在 IE 和 FF 中工作。我在网上找到的所有内容都涉及图像旋转。
任何人？

如何在所有浏览器中显示垂直文本（旋转 90 度）？

_{（来源：sun.com）}

是否可以仅使用 CSS 将文本旋转 90°（顺时针或逆时针）并兼容 IE6+、Firefox 2 和 Opera？

如何在 css 中旋转文本以获得以下输出：

你好，

编辑：

感谢您的快速建议。我在 jsfile 中添加了我的示例代码：

http://jsfiddle.net/koolkabin/yawYM/

HTML：

CSS：

我面临的问题是，当我们旋转文本时，它会破坏对齐和位置。那么是什么原因造成的，我该如何管理它们呢？

我在 div 中有一个简单的文本，如下所示；

我希望将 div 内的文本旋转 20-30 度。我已经在 stackoverflow 上找到了这个主题，它在 Firefox 和 Chrome 中给了我想要的结果，但在 IE7、IE8 和 IE9 中却没有。我也试过jquery rotate，但是当使用它时，看起来插件正在对 div 本身做一些事情，使其消失，而不是旋转 div 内的文本。这甚至可以使用 javscript 和/或 css 吗？

注意：Cufon 也被使用。

Codlers回答后更新：

这是Codler回答后当前应用的css。适用于 FF 和 Chrome。

更新 2：IE7 和 IE8 现在正在旋转文本，但在 IE9 中，我的旋转文本后面出现了一个黑色的大方块。这可能是什么原因造成的？CSS现在如下；

最终的工作代码。这要归功于 Jeff 和 Codler。

HTML：

默认 CSS：

IE 7 & 8 的 CSS - 有条件地加载：

我不明白 CSS3 中的文本旋转是如何工作的。

例如，你可以在这里看到，旋转的文本永远不会在你想要的正确位置，

它总是有右边的间隙/边距。并且总是在包含它的盒子的底部溢出。

我怎样才能解决这个问题？

我可以使用 jquery 来修复它或任何可靠的 jquery 插件来进行文本旋转吗？

谢谢。

我正在努力做到这一点：

使用此代码：

但我得到的是：

有什么建议么？

您好我正在尝试旋转文本，但我在使用 IE 8 和 9 时遇到了一些问题

在 IE 中它不会旋转。有谁能告诉我为什么？？

谢谢

您可以旋转嵌入字体，但不能旋转设备字体。
为什么 adobe 只允许旋转嵌入的字体？
旋转设备字体是否存在技术问题？

我已将TextBlock控件包裹在边框中，以便查看占用空间的内容：

这是 XAML：

问题是这占用了比我需要的更多的空间，如果我为它设置一个静态宽度，我会得到这个：

有什么建议么？