IE打印模板(2) -- LayoutRect介绍

LayoutRect对象自动格式页面内容。每一页内容需要一个LayoutRect,并且定义到DeviceRect对象内部。每一个LayoutRect被限制为一页内容,并且当一页被填满时会自动跳转到下一页。你需要定义LayoutRect的样式就像你给DeviceRect定义样式那样。假若我们想定义一下
  

LayoutRect对象自动格式页面内容。每一页内容需要一个LayoutRect,并且定义到DeviceRect对象内部。每一个LayoutRect被限制为一页内容,并且当一页被填满时会自动跳转到下一页。你需要定义LayoutRect的样式就像你给DeviceRect定义样式那样。假若我们想定义一下字体像下面语句中描述的那样。

  • 5.5英寸宽
  • 8英寸高
  • 1英寸外边距
  • 白色背景
  • 一英寸宽灰色虚线(gray dashed)

我们可以定义一个contentStyle的类像下面描述的那样

以下是示例代码:
<STYLE TYPE="text/css">
.contentstyle
{
  width:5.5in;
  height:8in;
  margin:1in;
  background:white;
  border:1 dashed gray;
}
</STYLE>

我们可以使用LayoutRect格式任何内容。看一下下面代码中的样式是不是和第一页有一样的样式。

以下是示例代码:
<HTML>
<HEAD>
<?IMPORT NAMESPACE="IE" IMPLEMENTATION="#default">
<STYLE TYPE="text/css">
.contentstyle
{
  width:5.5in;
  height:8in;
  margin:1in;
  background:white;
  border:1 dashed gray;
}
</STYLE>
</HEAD>

<BODY>
<IE:LAYOUTRECT ID="layoutrect1"  CONTENTSRC="2.html"
  CLASS="contentstyle" NEXTRECT="layoutrect2"/>

<IE:LAYOUTRECT ID="layoutrect2" CLASS="contentstyle"/>
</BODY>
</HTML>

大家可能注意到这个html代码与前一篇文章的代码很相似,随了DeviceRect被换成了LayoutRect.当然,DeviceRect 是用来格式Master Page ,而LayoutRect是用来格式内容的。注意上面代码中LayoutRect的属性ID 要求不能够相同。

<script src="/Js/Ajsd/AShowInfoBottomD.Js" type="text/javascript"></script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值