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; }
}

Answer 2

使用打印样式表，其中包含所有标签（我假设将在div个元素中）设置为display: block。