在打印中使用HTML5细节元素



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

这在屏幕上运行良好,但在打印中,任何尚未在屏幕上打开的<details>元素在打印时都会被隐藏。

我以为这会奏效:

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

但事实并非如此。

显然,这代表了一种负面的打印用户体验——有人成功地将其用于打印吗?

感谢

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

最新更新