打印时如何删除此页面的第2页?

时间:2018-02-27 15:22:06

标签: html css printing media responsive

打印时,我一直在尝试删除此页面上的第二页。有什么我做错了吗?

我已经放置: page-break-after:avoid; page-break-inside:avoid; 在页面的最后一个元素上,所以我对这里的错误感到有些困惑。

任何建议都会被暗示。

请参阅以下代码......

<link href="https://media.offbroadwayshoes.com/css/obframe.css" rel="stylesheet"/>
<div class="frame fullcardwrapper">
    <div class="obs__max1200">
        <div class="obs__cards">
            <div class="obs__fullcard">
                <div class="obs__cardinner">
                    <div class="obs__fullcardheader">@@offer@@</div>
                    <div class="obs__couponhero-line1"><span class="new-line-mob">PLUS, BUY ONE, GET ONE</span> <span class="new-line-mob">50% OFF* YOUR 2ND PAIR</span>
                        <br /> *EXCLUSIONS APPLY</div>
                    <div class="obs__couponhero-line2">@@tatic@@ &middot; VALID THRU @@valid@@</div>
                    <div class="obs__couponhero-barcode">&nbsp;</div>
                    <div class="obs__couponhero-line3">@@ifonline@@ <font style="font-weight:bold;">@@onlinecode@@</font></div>
                    <div class="obs__cardline3">
                        <div class="coupon-btn-wrapper">
                            <div class="obs-2-static couponlinks" style="text-align: center;"><a href="#">FIND YOUR STORE</a></div>
                            <div class="obs-2-static couponlinks" style="text-align: center;"><a href="#">PRINT COUPON</a></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="frame cardwrapper bg-split__greytowhite">
    <div class="obs__max1440">
        <div class="obs__cards">
            <div class="obs__card">
                <div class="obs__cardinner">
                    <div class="obs__cardheader"><img src="https://media.offbroadwayshoes.com/icons/bogo.svg" alt="" />
                        <br /> BOGO 50% OFF*</div>
                    <div class="obs__cardline1">Buy One, Get One 50%
                        <br /> Off Your 2ND Pair</div>
                    <div class="obs__cardline2"><a data-exctarget="#1">SEE DETAILS</a></div>
                </div>
            </div>
            <div class="obs__card">
                <div class="obs__cardinner">
                    <div class="obs__cardheader"><img src="https://media.offbroadwayshoes.com/icons/free-shipping.svg" alt="" />
                        <br /> FREE SHIPPING</div>
                    <div class="obs__cardline1">Get Free Shipping
                        <br /> on Orders $50 or More!</div>
                    <div class="obs__cardline2"><a data-exctarget="#2">SEE DETAILS</a></div>
                </div>
            </div>
            <div class="obs__card">
                <div class="obs__cardinner">
                    <div class="obs__cardheader"><img src="//media.offbroadwayshoes.com/icons/mobile-app.svg" alt="" />
                        <br /> DOWNLOAD THE APP</div>
                    <div class="obs__cardline1">Shopping at your finger tips! <a>Learn More</a>
                        <br />
                        <br />
                        
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="frame">
    <div class="obs__max1440">
        <div class="obs__spacer50 obs__mob-spacer20">&nbsp;</div> <span class="cust_service_headline rightsideheading">Details & Exclusions</span>
        <div class="obs__spacer10">&nbsp;</div>
        <div class="obs__accordion js-obs__accordion">
            <div class="obs__accordion__item js-obs__accordion-item">
                <div class="obs__accordion-header js-obs__accordion-header">Coupon Exclusions</div>
                <div class="obs__accordion-body js-obs__accordion-body">
                    <div class="obs__accordion-body__contents">*Limit one coupon per transaction. COUPON MAY ONLY BE USED ONCE AND MAY NOT BE MODIFIED, COPIED OR UPLOADED. Excludes Flash Sales, special promotional events. Must present coupon at time of purchase, cannot be combined with other coupons or used for the purchase of Gift Card(s) and is not redeemable for cash. Offer excluded on certain styles and brands, including but not limited to: Adidas, Asics, Bear Paw, Birkenstock, Converse, Keds, Merrell, Puma, Rainbow, Reebok, Rockport, Saucony, Sperry, Teva, Koolaburra by Ugg, Tommy Hilfiger Kids’, online Timberland & Timberland Pro, plus all Nike styles. Discount is taken before taxes. CAN BE COMBINED WITH EARNED QUALIFYING REWARDS DOLLARS BUT NOT OTHER REWARDS COUPON OFFERS. See store associate for details.</div>
                </div>
            </div>
            <!-- end of obs__accordion item -->
            <div class="obs__accordion__item js-obs__accordion-item">
                <div class="obs__accordion-header js-obs__accordion-header" id="1">BOGO 50% OFF 2ND PAIR</div>
                <div class="obs__accordion-body js-obs__accordion-body">
                    <div class="obs__accordion-body__contents">*2nd pair must be of equal or lesser value. Excludes BOGO Free styles, Flash Sales, special promotional events, accessories and certain other styles, including but not limited to adidas, Asics, Bear Paw, Birkenstock, Converse, Keds, Koolaburra by Ugg, Merrell, Puma, Rainbow, Reebok, Rockport, Saucony, Sperry, Teva, Tommy Hilfiger Kids’, online Timberland & Timberland Pro, plus all Nike styles.</div>
                </div>
            </div>
            <!-- end of obs__accordion item -->
            <div class="obs__accordion__item js-obs__accordion-item">
                <div class="obs__accordion-header js-obs__accordion-header" id="2">Free Shipping</div>
                <div class="obs__accordion-body js-obs__accordion-body">
                    <div class="obs__accordion-body__contents">Free economy shipping offer valid on orders with a subtotal over $50 after all discounts are applied. (Subtotal does not include tax or shipping fees)</div>
                </div>
            </div>
            <!-- end of obs__accordion item -->
        </div>
        <!-- end of obs__accordion item -->
        <!-- end of obs__accordion -->
    </div>
</div>
<div class="obs__spacer50 obs__mob-spacer20">&nbsp;</div>
<div class="print-exclusions">
    <div class="obs-3">
        <p class="obs__bold">COUPON EXCLUSIONS
            <p>
                <p style="font-size:8px;">*Limit one coupon per transaction. COUPON MAY ONLY BE USED ONCE AND MAY NOT BE MODIFIED, COPIED OR UPLOADED. Excludes Flash Sales, special promotional events. Must present coupon at time of purchase, cannot be combined with other coupons or used for the purchase of Gift Card(s) and is not redeemable for cash. Offer excluded on certain styles and brands, including but not limited to: Adidas, Asics, Bear Paw, Birkenstock, Converse, Keds, Merrell, Puma, Rainbow, Reebok, Rockport, Saucony, Sperry, Teva, Koolaburra by Ugg, Tommy Hilfiger Kids’, online Timberland & Timberland Pro, plus all Nike styles. Discount is taken before taxes. CAN BE COMBINED WITH EARNED QUALIFYING REWARDS DOLLARS BUT NOT OTHER REWARDS COUPON OFFERS. See store associate for details.</p>
    </div>
    <div class="obs-3">
        <p class="obs__bold">BOGO 50% OFF 2ND PAIR
            <p>
                <p style="font-size:8px;">*2nd pair must be of equal or lesser value. Excludes BOGO Free styles, Flash Sales, special promotional events, accessories and certain other styles, including but not limited to adidas, Asics, Bear Paw, Birkenstock, Converse, Keds, Koolaburra by Ugg, Merrell, Puma, Rainbow, Reebok, Rockport, Saucony, Sperry, Teva, Tommy Hilfiger Kids’, online Timberland & Timberland Pro, plus all Nike styles.</p>
    </div>
    <div class="obs-3">
        <p class="obs__bold">FREE SHIPPING
            <p>
                <p style="font-size:8px;">Free economy shipping offer valid on orders with a subtotal over $50 after all discounts are applied. (Subtotal does not include tax or shipping fees)</p>
    </div>
</div>
{{1}}

0 个答案:

没有答案