問題タブ [text-rotation]

次のように、テキスト ボックスと一部のテキストを約 30 度に揃える必要があります。

少なくとも IE と FF で動作することを望みます。ネットで見つけたものはすべて、画像の回転を扱っています。
誰？

すべてのブラウザで縦書きテキスト (90 度回転) を表示するにはどうすればよいですか?

_{(ソース: sun.com )}

CSSのみを使用し、IE6 +、Firefox 2、およびOperaと互換性のあるテキストを90°（時計回りまたは反時計回り）回転させることは可能ですか？

cssでテキストを回転して、次の出力を取得するにはどうすればよいですか。

こんにちは、

編集：

迅速な提案をありがとう。jsfidleにサンプルコードを追加しました。

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

HTML：

CSS：

私が直面している問題は、テキストを回転させると、配置と位置が崩れることです。それで、それを引き起こしているのは何ですか、そしてどうすればそれらを管理できますか？

div内に次のような単純なテキストがあります。

div内のテキストを20〜30度回転させたい。私はそれについてのstackoverflowでこのトピックをすでに見つけました、そしてそれは私にFirefoxとChromeで望ましい結果を与えますが、IE7、IE8とIE9ではそうではありません。jqueryrotateも試しましたが、これを使用すると、プラグインがdiv内のテキストを回転させるのではなく、div自体で何かを実行しているように見えます。これは、javscriptやcssでも可能ですか？

注：Cufonも使用されています。

Codlersが回答した後の更新：

これは、Codlerの回答後に現在適用されているcssです。FFとChromeで動作します。

更新2：IE7とIE8は現在テキストを回転していますが、IE9では、回転したテキストの後ろに大きな黒い四角が表示されます。これを引き起こしているのは何ですか？CSSは次のようになりました。

コードの最終的な作業部分。このためのクレジットは、ジェフとコドラーに行きます。

HTML：

デフォルトのCSS：

CSS FOR IE 7＆8-条件付きで読み込まれます：

CSS3でテキストの回転がどのように機能するのかわかりません。

たとえば、ここで確認できます。回転したテキストが希望どおりの場所に配置されることはありません。

常に右側にギャップ/マージンがあります。そして、それを含むボックスの下部で常にオーバーランします。

どうすればこれを修正できますか？

jqueryを使用して修正したり、テキストローテーション用の信頼できるjqueryプラグインを使用したりできますか？

ありがとう。

私はこれを達成しようとしています：

このコードで：

しかし、私が得るものはこれです：

助言がありますか？

こんにちは、テキストを回転させようとしていますが、IE 8 と 9 でいくつかの問題に直面しています。

IEでは回転しません。誰でも理由を教えてもらえますか??

ありがとう

埋め込みフォントは回転できますが、デバイス フォントは回転できません。
Adobe で埋め込みフォントのみを回転できるのはなぜですか?
デバイスのフォントを回転させる技術的な問題はありますか?

コントロールを境界線で囲んだTextBlockので、何がスペースを占めているかがわかります。

XAML は次のとおりです。

問題は、これが必要以上のスペースを占有していることです。静的な幅を設定すると、次のようになります。

助言がありますか？