0

Div45degを回転させるためにcsstransform:rotate(45deg)を使用したいのですが、すべての内部要素に影響します。私は2つのDivを一緒に使用し、外側のdivは45度回転し、内側のDIVは-45度回転します。そのため、内側のDivのテキストは回転しませんが、オペラでは実際には機能せず、テキストは反転します。IE、Firefox、およびgoogleで機能します。本当にクローム。2番目の問題:内側のDIVタグ内に入力する場合は、テキストのサイズに応じてマージンを毎回変更して、DIVタグの中央に揃える必要があります。私は何をすべきか?ありがとう

外部DIVのcss:

transform: rotate(45deg);
-ms-transform: rotate(45deg); /* Internet Explorer */
-moz-transform: rotate(45deg); /* Firefox */
-webkit-transform: rotate(45deg); /* Safari and Chrome */
-o-transform: rotate(45deg); /* Opera */

内部DIVのcss:

-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(315deg);
transform: rotate(-45deg);
margin: 30px 115px 0 0;

OperaブラウザでのDIVとそのテキスト回転の表示:

ここに画像の説明を入力してください

編集: これと同じように表示する必要があります:

ここに画像の説明を入力してください

4

0 に答える 0