桌子右侧切割

Question

当我打印存储在我的应用程序中的文档时，文档中大小超过630像素的表格已被剪切在右侧。我尝试使用以下代码来限制表大小

<style>
  @media print{
    #sb-content table{max-width:630px !important}
    #sb-content{position:static!important;}
  }
</style>

但这不起作用！请帮忙！只有在打印时才会出现问题！

Answer 1

这是因为您将max-width设置为630px。

更改或删除它！

@media print {
  #sb-content table{max-width: 630px !important}
  #sb-content{position: static !important;}
}

您可以在此处看到，您正在设置max-width: 630px !important。这就是为什么，文件从左到右打印（宽度为630px）然后剩下的部分就剩下了。

尝试将其更改为：max-width: 100% !important; body元素。为此，身体完全被覆盖，桌子占身体的一部分

#sb-content table {max-width: 80% !important}

但一般问题是细胞间距，边距，填充等。