Текстовое поле для поворота под углом в asp.net?

Question

Мы пытались повернуть учебник под углом (45,90,270 и т. Д.) На веб-форме aspx. Я читал, что 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 стиль, но это требует углов в радианах и сложных матричных формул. Здесь есть ответ, который описывает его более подробно.

Тем не менее, вы можете использовать библиотеку JavaScript под названием CSS Sandpaper. Тогда вы можете просто использовать это для старых версий IE:

-sand-transform: rotate(45deg);

Добавьте приведенную выше строку в блок CSS, который я дал вам ранее, и включите библиотеку CSS Sandpaper javascript на свою страницу HTML.

Надеюсь, это поможет.

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 градусов соответственно.