润乾报表中对单元格文字展现效果的设置方式和方法基本上可以满足用户的大部分需求，但是有时候用户对web报表单元格文字的显示有一些个性化的要求，如文字翻转等需求，润乾报表同样可以解决这些需求，本文通过下面这个例子来介绍一下怎样实现在单元格中文字翻转功能。
如下这样一张普通的报表，现要将A2单元格内的”润乾报表”字样翻转90°来显示，对报表模板作如下图所示的设置，在A2单元格鼠标右键选择数据类型选项，将数据类型转成HTML类型，在文本里输入修饰文字的HTML语言。
这里使用的是div的方式，代码如下：
<div style=”FILTER:progid:DXImageTransform.Microsoft.BasicImage(Rotation=1);height:1px”>
润乾报表
</div>
其中style这段代码是用来对字体进行反转操作，Rotation=1代表顺时针转九十度。还可以通过<font>来设定字体的颜色大小等属性。需要注意的是单元格数据类型为HTML时，尺寸定义方式无效，需要手动调整单元格的高宽来适应文字显示。
加入HTML修饰后的文字效果如下：
这样就实现了A2单元格文字翻转显示的需求了。通过在单元格中嵌入HTML语言，还可以实现很多其他的文字个性化需求，用户可以了解一下 ......
1.一行三列
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">
<head><title>css布局：一行三列</title>
<link rel="stylesheet" href="css/03_3columnplustopbox.css" mce_href="css/03_3columnplustopbox.css" type="text/css" media="all" />
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<meta name="robots" content="all" />
<meta name="author" content="Owen Briggs:www.w3cn.org" />
</head><body>
<div id="top">
<p>top</p>
</div>
<div id="left">
<p>left</p>
</div>
<div id="middle">
<pre>
#top {
margin: 20px 20px 0px 20px;
padding: 10px;
border: 5px solid #666;
background: #FFF;
height: 100px; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
......
最新文章 :