1. 程式人生 > >對table的設定及列印分頁

對table的設定及列印分頁

來自:http://www.w3school.com.cn/index.html

正確的引入 style: <link rel="stylesheet" type="text/css" href="mystyle.css">

1.empty-cells: 屬性設定是否顯示錶格中的空單元格(僅用於“分離邊框”模式)。

<table cellpadding="0" cellspacing="0" style="width:25CM;BORDER-COLLAPSE: collapse; empty-cells: show" >

</table>

2.設定列印分頁:

  說明:page-break-after:always   控制分頁

  .pageSeparator{visibility:hidden; page-break-after:always; overflow:hidden; height:0px;}

  <div class="pageSeparator"></div>

3.設定細邊框 table

   .trborder {
        border-collapse:collapse;borderer:none;
        height:0.9CM
    }
    .trborder td{
        border:solid #FF3366 1px;
        font-size: 14px;
    }

  <table cellpadding="0" cellspacing="0" style="width:25CM;BORDER-COLLAPSE: collapse; empty-cells: show" >

     <tr class="trborder">

          <td>細邊框</td>

          <td>細邊框</td>

     </tr>

     <tr class="trborder">

          <td>細邊框</td>

          <td>細邊框</td>

     </tr>

  </table>

4.<pre></pre>: 標籤很適合顯示計算機程式碼.