Tie*_*eDK 3 html css google-chrome
我在Google Chrome上遇到了一个奇怪的错误(版本53.0.2785.143).当我尝试打印页面的内容时,它包括一个表头两次.
表头只应在底部显示一次.
图片:
在不同的部分中,表头流过表行.
我正在使用打印媒体查询,以便只打印我的页面内容:
@media print {
table {
page-break-inside:auto
}
tr {
page-break-inside:avoid; page-break-after:auto
}
body * {
visibility: hidden;
}
.no-padding-small{
padding: 0!important;
}
.stage, .progress-indicator {
display: none;
}
#header{
display: none;
}
.fixed-menu{
display: none;
}
.printable * {
visibility: visible;
}
textarea, input[type], table, td, th, tr{
page-break-inside: avoid;
}
}
Run Code Online (Sandbox Code Playgroud)
有什么建议?
找到了解决方案:
thead {
display: table-row-group;
Run Code Online (Sandbox Code Playgroud)
}
感谢这个线程在第二页和后面的页面上两次使用Chrome 53打印表头的解决方法?
| 归档时间: |
|
| 查看次数: |
677 次 |
| 最近记录: |