html - 文本框在asp.net中以一定角度旋转？

Question

我们一直在尝试在 aspx 网络表单上以一定角度（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样式，但它需要弧度和复杂矩阵公式中的角度。这里有一个答案更详细地描述了它。

但是，您可以使用名为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 */

filter 可以接受以下四个值之一：0、1、2 或 3，它们将分别将元素旋转 0、90、180 或 270 度