我们使用 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/