位置とサイズが別々に作成されるdiv要素がたくさんあるWebページを作成しようとしています。次に、これらの要素にテキストを挿入して、JSを使用してテキストをinnerHTMLに挿入します。ここでは、div要素の位置と向きを変更したくないので、テキストだけを90度回転させる方法がありますか？div要素内のテキスト（divではない）のみを回転する
私は試しました -webkit-transform：rotate （-90deg）; -moz-変換：回転（-90deg）; CSSで それらはすべてのdiv自分自身を回転させるだけではなく、テキスト
任意のアイデアをこれが可能であれば
感謝。。！
私はこれを試していませんが、なぜ追加のは含まれていませんかあなたの現在の<div>とあなたのテキストとの間の透明な背景の？その後、<div>を回転させることができます。
このリンクをご覧ください： http://snook.ca/archives/html_and_css/css-text-rotation あなたはさまざまなブラウザでhaxを実行しなければならないようです...多分CSS3はより良い解決策を持っています。
ありがとう、私はこれを試していたが、これは私がwebkit/mozの変換のアイデアを得たところです。しかし、これらはテキストの代わりにdiv全体を回転させます。 – Devang
トランスフォームはdivセクション全体を回転させるので、テキストを含むdivの高さと幅を設定してから変換することができます。
スパンにテキストをラップし、インラインブロックに設定します。 親divがテキストと一緒に回転しないことに注意してください。
<div class="roundedOne">
<span class="rotate">TEXT</span>
</div>
.rotate {
display: inline-block;
transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
}
.roundedOne {
background: red;
}
CODEPEN
うん...それが合理的に聞こえます。それはもっと単純なものがなかったら前に私のブルートフォースの方法だったでしょう:) – Devang