gpt4 book ai didi

html - CSS 媒体 :print include something that wasn't displayed on screen?

转载 作者:太空宇宙 更新时间:2023-11-03 21:11:52 25 4
gpt4 key购买 nike

我有以下内容

@media print {
DIV {
display: block;
}
}
<html>
<body>
<div style="display:none">You can't see me!</div>
</body>
</html>

但是当我尝试这样做时,我仍然看不到“你看不到我!”当我打印时。我怎样才能让它显示出来进行打印?

最佳答案

为您的 div 分配一个类,这样您就可以指定打印时需要看到的内容:

<html>
<body>
<div class="print-only">You can't see me!</div>
</body>
</html>

那么你的 CSS 应该是这样的:

.print-only {
display: none;
}
@media print {
.print-only {
display: block !important;
}
}

关于html - CSS 媒体 :print include something that wasn't displayed on screen?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46005265/

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