gpt4 book ai didi

css - 在打印中使用 HTML5 details 元素

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

我们使用 HTML5 元素 <details>提供简单的显示/隐藏功能。

这在屏幕上工作正常,但在打印时,任何 <details>打印时隐藏尚未在屏幕上打开的元素。

我认为这会起作用:

@media print {
details { display:block !important }
}

但事实并非如此。

显然,这代表了负面的打印用户体验 - 有没有人设法让它用于打印?

谢谢

最佳答案

在元素上,添加 open 属性,但不分配任何值。这是确保细节元素无论如何都保持打开状态的最佳方式。 http://www.w3schools.com/tags/att_details_open.asp

关于css - 在打印中使用 HTML5 details 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29099591/

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