html - 转换：旋转（45度）到DIV里面一起在歌剧中不起作用

Question

我想使用 css transform:rotate(45deg) 将 Div 旋转 45deg，但它会影响所有内部元素。我在里面一起使用了 2 个 Div，外部 div 旋转 45 度，内部 DIv 旋转 -45 度，因此内部 Div 中的文本不旋转，但它在 Opera 中并不能真正工作，它的文本 invert.it 在 IE、Firefox 和谷歌中工作真正的铬。我的第二个问题：当我想在内部 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 及其文本旋转：

编辑： 它应该显示相同：