Question

我的页面有两列

<div class="container">
    <div class="row">
        <div class="col-md-8 "></div>
        <div class="d-print-none col-md-4"></div>
    </div>
</div>

当我尝试打印页面时，右列消失（按照指示），但是左列没有调整大小，结果是右列基本上仍然存在。

如何隐藏右列并获得左列以填充要打印的页面？

-更新-

我将代码更改为以下内容

<div class="container">
    <div class="d-print-none">
        <div class="row">
            <div class="col-md-8 ">{% block content %}{% endblock %}</div>
            <div class="d-print-none col-md-4"></div>
        </div>
    </div>
    <div class="d-none d-print-block">
        <div class="row">
            <div class="col-md-12">{% block content %}{% endblock %}</div>
        </div>
    </div>
</div>

当

{％block content％} {％endblock％}

不在代码中（这是Python Flask）。但是当它出现时，我会说一个错误

jinja2.exceptions.TemplateAssertionError：定义了“内容”块两次

很明显，我可以看到块内容确实存在两次，但是我需要将其保留为打印内容，而将其保留为屏幕内容。

Answer 1

打印类

中的响应实用程序

visible-print-block仅在打印页面时使用。

引导程序 responsive-utilities-print

Demo

引导程序删除列以进行打印

1 个答案: