代码之家  ›  专栏  ›  技术社区  ›  Quuxplusone

检测并处理CSS中的“分页符”情况?

  •  1
  • Quuxplusone  · 技术社区  · 7 年前

    XY problem How to use HTML to print header and footer on every printed page of a document? 以Safari 11.1.1中的工作方式。然而,

    对于我的文档(rsum),我有少量固定数量的可能的“分页符”位置,通过 page-break-inside: avoid . 所以我想到如果我能发现 以编程方式设置分页符位置,然后我可以使用它来- display:none

    .nobreak {
        page-break-inside: avoid;
    }
    .footer {
        display: none;
    }
    
        <div class="nobreak">
        <h2>Professional Affiliations</h2>
        <ul id="affiliations"> ... </ul>
        </div>
    
    <div class="footer">footer text</div>
    
        <div class="nobreak">
        <h2>Licensure</h2>
        <ul id="licensure"> ... </ul>
        </div>
    
    <div class="footer">footer text</div>
    
        <div class="nobreak">
        <h2>Publications</h2>
        <ul id="publications"> ... </ul>
        </div>
    
    <div class="footer">footer text</div>
    

    media print display 基于此的财产?

    0 回复  |  直到 7 年前
    推荐文章