Bootstrap

解决Web页面表格线打印问题

很多时候在页面上显示表格线是,比较常用的方法是“间距+背景色”来显示表格线。代码示例如下:
Html代码   

 

<table width="200" border=0 cellspacing="1" style="background-color:#000000">
  <tr bgcolor="#FFFFFF" align="center">
    <td height="30">月份</td>
    <td>日期</td>
    <td>星期</td>
  </tr>
</table>

    上述方式在页面上显示是正确的,但在打印Web页面时,却因为border=0而无法显示表格线。两全齐美的方式如下:

Html代码   

 

<table width="200" border="1" bordercolor="#000000" style="border-collapse:collapse;">
  <tr align="center">
    <td height="30">月份</td>
    <td>日期</td>
    <td>星期</td>
  </tr>
</table>

    这种方式在页面上显示与“间距+背景色”效果是一样的,同时在打印时可以打印出表格线来,是真正的所见即所得。

 

转自:http://octopusyu.iteye.com/blog/484386

;