gpt4 book ai didi

css - 使用 CSS 隐藏打印内容

转载 作者:技术小花猫 更新时间:2023-10-29 10:34:30 25 4
gpt4 key购买 nike

我正在寻找一种简单的方法来隐藏除特定 div 及其内容之外的所有内容。

<html>
<head></head>
<body>
<div class="header">...</div>
<div class="menu">...</div>
<div class="content">...</div>
<div class="footer">...</div>
</body>.
</html>

因此,例如,如果我只想打印 div.content,我会这样做:

.header, .menu, .footer {
display: none;
}

如果布局复杂,就会变得凌乱。使用 CSS 有更简单的方法吗?

最佳答案

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

现在您需要将类 noPrint 应用于要在打印时隐藏的元素。


最好使用专门用于打印的样式表,并将其媒体属性设置为print

示例:

<link rel="stylesheet" type="text/css" href="print.css" media="print" />

关于css - 使用 CSS 隐藏打印内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4816937/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com