python dash 组件className 在CSS中 @media print设置元素不允许跨页

在Python Dash中，`className` 是用于添加自定义CSS样式到组件的一个属性。通过给组件指定一个包含特定CSS类名（`.ClassName`）的`className`，你可以控制该组件在页面上的外观和布局。在HTML模板中，`className`通常像下面这样使用：

import dash_core_components as dcc
import dash_html_components as html

button = html.Button('Click me', className='custom-class')

然后，在CSS文件中，你可以定义`.custom-class`规则，比如:

.custom-class {
    /* CSS样式 */
    display: none; /* 或者其他媒体查询条件下的样式 */
}

@media print {
    .custom-class {
        position: absolute !important;
        /* 阻止元素跨页打印的样式 */
        overflow-wrap: break-word;
        page-break-inside: avoid;
    }
}

这里，我们使用了`@media print`媒体查询来规定当内容需要打印时，`.custom-class`的样式如何变化。`overflow-wrap`和`page-break-inside`属性可以帮助确保文本不会意外地跨越页面边界。