css - 親div内でCSS回転スパンを整列/無効化する方法

Question

紫色の div の真ん中にある「フィードバック」スパン バンを取得するにはどうすればよいですか?

http://jsfiddle.net/XcWHr/

これらのテーマでいくつかのバリエーションを試しました: https://developer.mozilla.org/en-US/docs/CSS/transform-origin?redirectlocale=en-US&redirectslug=CSS%2F-moz-transform-origin

ビットは頭の釘がなかなか当たらない…

Answer 1

この状況では、フィードバック スパンの代わりに紫色の div を回転させる方が簡単だと思います。そうすれば、回転とは別に、水平および垂直のセンタリングについて推論できます。これは実現可能ですか？あなたの jsfiddle を更新しました: http://jsfiddle.net/XcWHr/2/

「フィードバック」スパンを通常の方法で中央に配置し、コンテナの幅と高さを逆に設定しました。

.feedbackTab 
{
    height: 42px; 
    width: 156px;
    text-align: center;
    line-height: 42px;
}

次に、「フィードバック」スパンを に設定しdisplay: inline-blockて、コンテナのセンタリング ルールを尊重します。最後に.rotate、「フィードバック」スパンではなく、コンテナにクラスを配置しました。