经典水晶报表设计——分栏

借助"多列格式化"功能实现。

1. 启用"多列格式化"功能。

(1) 进入“节专家”对话框,并在“节”中选择“详细资料”。

(2) 在"公用"选项卡选中“多列格式化”,此时会出现“布局”选项卡。

2. 调整布局,实现分栏效果。

要想分两栏,调整“详细资料大小”的宽度,确保宽度的两倍小于去除页边距后的页面宽度,才能一行显示两行记录。

要想分三栏,调整“详细资料大小”的宽度,确保宽度的三倍小于去除页边距后的页面宽度,才能一行显示三行记录。

依次类推,实现其它栏数的分栏。


参考:“布局”选项卡(节专家)介绍
当选定详细信息部分且选中“公用”选项卡上的“多列格式化”框后,出现“布局”选项卡。

使用“布局”选项卡以多列格式设置报表。即,不是一直沿着页面向下打印数据,而是可以设置多列以使数据在列之间流动。还可以在页面上按先行后列的方式打印数据,即先打印每列中的第一个记录,然后打印每列中的第二个记录,然后打印第三个记录,依此类推。该对话框分为四个更小的框。

详细资料大小
该框使您能够指定一个详细资料的尺寸(高度和宽度)。确定所希望的每个详细资料的宽度(基于字符数、字体大小,等等)并在“宽度”编辑框中输入该值。

确定所希望的每个详细资料的高度(基于详细资料内的行数、字体大小等)并在“高度”编辑框中输入该值。

详细资料间距
使用该框可以指定希望在详细资料间留出的空白区域(间距、装订线,等等)。水平 = 详细资料的横向间距,垂直 = 详细信息的纵向间距。

确定希望允许的间距。在“水平”编辑框中输入数据水平间距,并在“垂直”编辑框中输入垂直间距。

打印方向
“打印方向”框使您能够指定程序在报表页上打印详细资料时所遵循的路径。选项有:

先行后列
从左到右打印各列中的详细资料,即先打印第一列中的第一则详细资料,然后打印下一列中的第一则详细资料,依此类推。然后,当所有列都包含详细资料后,程序沿着页面向下移动,打印第一列中的第二则详细资料,然后打印第二列中的第二则详细资料,依此类推。

先列后行
沿着第一列向下打印详细资料,然后沿着第二列,依此类推。

格式化带有多列的组
如果希望程序使用为选定节指定的“宽度”、“详细资料间距”和“打印方向”格式化带有多列的组,则选择该复选框。
 

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,我明白了你的问题。使用HTML5的新元素进行页面分栏设计非常简单,只需要使用新的语义化标签,如```<header>```、```<section>```、```<article>```、```<aside>```和```<footer>```等等。这些标签可以更好地描述页面内容的结构,并且可以帮助搜索引擎更好地理解页面内容。下面是一个使用HTML5新元素进行分栏设计的例子: ``` <!DOCTYPE html> <html> <head> <title>页面分栏设计</title> <style> .container { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; } .container section { flex-basis: 30%; margin-bottom: 30px; } .container aside { flex-basis: 20%; margin-bottom: 30px; } .container article { flex-basis: 60%; margin-bottom: 30px; } </style> </head> <body> <header> <h1>网站标题</h1> <nav> <ul> <li><a href="#">首页</a></li> <li><a href="#">文章</a></li> <li><a href="#">关于我们</a></li> </ul> </nav> </header> <main> <div class="container"> <section> <h2>栏目1</h2> <p>这是栏目1的内容</p> </section> <aside> <h2>侧边栏</h2> <p>这是侧边栏的内容</p> </aside> <article> <h2>文章标题</h2> <p>这是文章的内容</p> </article> </div> </main> <footer> <p>版权所有 © 2021</p> </footer> </body> </html> ``` 在上面的例子中,我们使用了```<header>```、```<nav>```、```<main>```和```<footer>```等HTML5新元素来表示页面的结构。同时,我们还使用了```<section>```、```<article>```和```<aside>```等标签来分别表示页面的不同部分。最后,我们使用了CSS的Flexbox布局来将页面分为三列,并且让它们自适应浏览器窗口大小。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值