javascript - ASP.NET 中的选项卡式网站，想要打印所有内容，有推荐吗？

Question

我有一个 ASP.NET 网站，分为这样的选项卡

|TITLE1| - |TITLE2| - |TITLE3| - ETC.

如果用户点击Title 2，则只有标题2对应的div显示在下面，依此类推。 我制作了一个打印图像按钮，但我想让它打印出来，就好像所有选项卡都打开并堆叠在一起一样。现在，它只打印单击的选项卡。

Answer 1

您需要将所有选项卡的内容渲染到具有 css media print rule 的 div 中与之相关。您的实际选项卡还需要另一个 css 规则来隐藏它们以便打印。

例如，你有

<div id="tabs" class="print_hidden">
Your actual tabs go here
</div>
<div id="printTabs" class="screen_hidden">
Your printer friendly text goes here when the link below is clicked.
</div>
<asp:LinkButton runat="server" id="lnkPrinterFriendly">Printer-friendly view</asp:LinkButton>

然后在 css 文件中您有以下内容:

@media print {
.screen_hidden { display: none; }
}

@media screen {
.print_hidden { display: none; }
}