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

标签 css printing

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

相关文章:

javascript - 如何设置最大高度并允许使用 jQueryUI Selectmenu 滚动

html - 动画 SVG 元素在 HTML 中扭曲

jquery - 使用 jQuery 访问 css ":after"选择器

Python 3.6.1 : How to dynamically print a docstring?

JavaFX 8 - 打印 3d 场景

html - 屏幕变大时调用媒体查询

css - Chrome 中转换/定位 DOM 元素的问题

linux - 连接 echo 的结果和命令输出

google-chrome - chrome 打包应用程序上的打印支持

html - 跨页打印 HTML/CSS