Div内容未在打印中显示

时间:2015-08-28 10:56:00

标签: html css

我有一个固定位置造型的div。当我使用"cntr+p"命令打印此div时,div不显示完整内容。

  

div是可滚动的。

<div class="subtask-generate">
 // Too much content in this div.
</div>

的CSS:

.subtask-generate {
    margin: 0 auto;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
}

1 个答案:

答案 0 :(得分:3)

试试这个css规则。您只需在overflow: visible;的规则中添加@media only print。这应该适合您。

<style>
@media only print {
   .subtask-generate {
     width: auto;
     height: auto;
     overflow: visible;
   }
}
</style>