Question

我的页面结构就像

    <html>
    <body>
    <a href="#one">One</a>
    <a href="#two">Two</a>
    <a href="/" onClick="window.print();">Print One</a> // I want this to print "My Content 1"
    <a name="one" id="one">One</a>
    <div class="one">My Content 1</div>

    <a name="two" id="two">Two</a>
    <a href="/" onClick="window.print();">Print Two</a> // I want this to print "My Content 2"
    <div class="two">My Content 2</div>

    </body>
    </html>

现在我想实现两个不同的打印按钮，一次打印指定的元素。我熟悉CSS方法的打印和阻止侧面栏，页脚等反打印元素。出于某种原因，虽然可以使用轻量级的js，但我不想使用jquery。

Answer 1

创建两个样式模板，一个隐藏除内容1以外的所有模板，另一个隐藏除内容以外的所有模板2.使用ids（例如id="printOne"），media="print"和属性{设置两个样式块{1}}（或XHTML中的disabled）

单击打印链接时，您可以在相应的样式模板上设置disabled="disabled"以启用它进行打印。

jsfiddle example

disabled = false

如何使用css单独打印页面中的多个元素？

1 个答案: