文本进行90度翻转HTML,字体逆时针旋转90度

文章类型：设计基础

在报表数据的显示样式上，会遇到客户需要将文本逆时针旋转的方式显示，尽管说润乾设计器在设计报表的时候没有直接提供逆时针旋转文本的属性，但是我们可以结合润乾提供的在报表中使用Html类型数据来实现。

现在我们先看一下文本逆时针旋转90°后的效果：

从上图可以看到逆时针旋转90°竖排显示的效果，下面以一个例子来说明报表的制作过程

第一步：新建一空白报表，正常输入默认情况下的文字作为对比

如下：

第二步：Html数据类型设置字体旋转效果

如下：

B3单元格设置数据类型为HTML，内容内输入为：

value=”文字逆时针旋转90°”

style=”FILTER:progid:DXImageTransform.Microsoft.BasicImage(Rotation=3);”/>

其中 style是实现旋转的样式代码，主要是更改Rotation=3

的值，有兴趣的话读者可以自己修改该值，看看实现的效果。

第三步：发布预览文本显示效果

如下：