【问题标题】:Apply border to divs on every page将边框应用于每个页面上的 div
【发布时间】:2015-04-23 03:30:17
【问题描述】:
 <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>

我需要在每一页上重复&lt;div&gt; 边框。目前我只在第一页上获取边框,我需要在每一页上运行边框。

我该怎么做?

【问题讨论】:

  • 给你想要定位的元素一个类,并通过你的 CSS 将边框值应用到该类
  • CSS 应该放在一个单独的文件中,然后必须在您想要相同 CSS 样式的每个页面上引用该文件。
  • 在这个 css 中不应该在不同的页面中
  • 在每个页面中包含样式或关注 colemc 评论

标签: javascript jquery html css


【解决方案1】:

1) 如果你想为所有的 div 使用分配样式到 div 标签

  div{
   border:1.2px solid black
 }

2) 如果您为指定的 div 应用样式,则为该指定 div 的 ..like BorderedDiv 添加一个类

div.BorderedDiv{
   border:1.2px solid black
 }

【讨论】:

  • 考虑
    我会得到边框。我想在我拥有的每一页上都得到这个。在每一页上重复这个 div 页面
  • 尝试将bordereddiv样式放在项目的通用css文件中,然后您可以在包含该css文件的视图的任何位置使用该类
猜你喜欢
  • 1970-01-01
  • 2012-02-17
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-12-01
  • 1970-01-01
相关资源
最近更新 更多