文本框在asp.net中以某个角度旋转？

Question

我们一直试图在aspx webform上以一定角度（45,90,270等）旋转教科书。我读到html不支持这样的属性，所以我们必须在文本框中包含一个CSS类属性。是否有属性在CSS类中包含角度？我们正在使用html 4。

Answer 1

简单的CSS将允许您旋转现代浏览器中的任何元素：

transform: rotate(45deg);

这是一个相当新的功能，许多浏览器都支持它，但需要供应商前缀，所以你还应该指定-moz-transform，-webkit-transform，-ms-transform，这样你就完整了CSS将如下所示：

-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);

这将支持除IE8或更早版本之外的所有常用浏览器。

旧的IE版本可以旋转项目，但这要困难得多。您需要使用filter样式，但它需要弧度和复杂矩阵公式的角度。有一个answer here可以更详细地描述它。

但是，您可以使用名为CSS Sandpaper的JavaScript库。然后你可以简单地将它用于旧的IE版本：

-sand-transform: rotate(45deg);

将上面的行添加到我之前给你的CSS块中，并在HTML页面中包含CSS Sandpaper javascript库。

希望有所帮助。

Answer 2

-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-o-transform: rotate(30deg);
writing-mode: tb-rl;

IE支持角度如270等

  /* Internet Explorer */
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

 -ms-transform:rotate(270deg); /* IE 9 */

过滤器可以接受四个值中的一个：0,1,2或3，它们将分别旋转元素0度，90度，180度或270度