css 如何解决打印溢出问题?

  • Z时代
  • 2024-02-09
  • 分类：IT

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body style="margin:0;">
  <div class="parent" style="border:1px solid red;overflow: hidden; width: 176mm; height: 50mm; position: relative;">
    <div class="child2" style="position: absolute; left: 500mm;">测试的</div>
  </div>
</body>
</html>

html 代码如上, 我的打印纸张宽度是 176mm, 但是因为我设置了 child2 left:500mm 导致我的纸张被缩放了
css 如何解决打印溢出问题?

理想情况
css 如何解决打印溢出问题?

用 js 的话 我需要判断内部的内容 是否溢出,然后再设置 display:none

如何用 css 去从根节点解决这种问题?

回答：

使用 @media print {} 覆写所有不应该出现在打印时的样式。

以上是 css 如何解决打印溢出问题? 的全部内容， 来源链接： utcz.com/p/934608.html

回到顶部