让rdlc报表在ReportViewer中水平居中的方法

  正常情况下,rdlc报表在Reportviewer中是居左显示的,如图:

让rdlc报表在ReportViewer中水平居中的方法

  在Reporviewer的属性中,我没有找到能让rdlc的居中显示的方法。网上其他人用的方法都试了,没能实现,只能自己找方法解决。

  在我对Reporviewer页面审查元素中发现,rdlc的所有数据在一个table中的。

让rdlc报表在ReportViewer中水平居中的方法

  我们只要将图中圈出来的table在它父div中水平居中就可以了。所以可在这个table中添加样式即可搞定。

  table没有id,但是它的父div有id,但是这个id的值是随机生成的,每次刷新都不一样,如何定位到这个div呢?我们发现id值得后缀ReportDiv是永远不变的,我们可以从此入手。

  在Reportviewer页面中添加样式,代码如下:

<style type="text/css">

  /*设置id后缀为“ReportDiv”的div的margin样式为auto*/
  div[id$="ReportDiv"] > table{margin:auto}
</style>

  效果图如下:

让rdlc报表在ReportViewer中水平居中的方法

  注意:在设计rdlc报表时,四周不要留空白。

上一篇:Objective-C 外观模式--简单介绍和使用


下一篇:前端 HTML基础