Question

 <head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <style type="text/css">
    @page {
            size:A4 portrait; 
    }
    </style> 
    <style type="text/arial" media="print">    
            @page {
                margin: 75px 16px 75px 16px;
                @PageBreak{
                   page-break:always;
                    page-break-inside:avoid;
                } 
            }             
            div.headerqwe{
            postion:running(headerqwe); 
            width:750px;
            height:960px;
             border-top:1.2px solid black;
           border-bottom:1.2px solid black;
              border-left:1.2px solid black;
           border-right:1.2px solid black;
            }
        </style>                           
    </head>
           <div class="headerqwe">
            <table border="2" cellspacing="0" cellpadding="0" >
                <tr>           
                    <td align="center">
                        <apex:outputText value="Page " style="font-face:verdana;font-size:0.68em;"/>
     <span class="pagenumber" style="font-face:verdana;font-size:0.68em;"/> 
                    <apex:outputText value="of" style="font-face:verdana;font-size:0.68em;padding-left:2px;padding-right:2px"/> 
                    <span class="pagecount" style="font-face:verdana;font-size:0.68em;"/>
                </td>
            </tr>         
        </table>
        </div>

我需要在每个页面上重复<div>边框。目前我只在第一页上获得边框，我需要在每个页面上运行边框。

我该怎么做？

Answer 1

1）如果你想得到所有div的你使用div标签的分配方式

  div{
   border:1.2px solid black
 }

2）如果您为指定的Div添加样式，则为该指定的div添加一个类..的类似BorderedDiv

div.BorderedDiv{
   border:1.2px solid black
 }

在每页上对div应用边框

1 个答案: