文章/答案/技术大牛

发布

社区首页 >问答首页 >无法在HTML页面中隐藏内容并在打印时显示出来

问无法在HTML页面中隐藏内容并在打印时显示出来
EN

Stack Overflow用户

提问于 2022-02-08 07:59:38

回答 2查看 39关注 0票数 1

嗨，我试图隐藏一个图表从主页，并想显示它在print.But的时候，它不是我的工作。

HTML：

<div class="bar-chart">
  <div class="canvas-holder3"><canvas id="resultsChart7"></canvas></div>
</div>

CSS：

.bar-chart {
  display: none;
}

@media print {
  body,
  html,
  #wrapper {
    width: 100%;
  }

  .bar-chart {
    display: block;
    visibility: visible;
  }
}

html

css

回答 2

Stack Overflow用户

回答已采纳

发布于 2022-02-08 08:19:29

就像这样很好。你可以遵循这个模式。

<!DOCTYPE html>
<html>
    <head>
        <title>Show element at print</title>
        <style>
            body {
                text-align:center;
            }
            h1 {
                color:green;
            }
            .print {
                  display: none;
            }
            @media print {
               .print {
                  display: block;
               }
            }
        </style>
    </head>
    <body>
        <h1 class = "print">This section would not appear on screen but only in print.</h1>
         
<p>Show something during print.</p>
 
    </body>
</html>

票数 2

Stack Overflow用户

发布于 2022-02-08 08:10:31

您需要为此添加javascript。

票数 -2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/71030309

复制

相似问题

问无法在HTML页面中隐藏内容并在打印时显示出来
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问无法在HTML页面中隐藏内容并在打印时显示出来EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问无法在HTML页面中隐藏内容并在打印时显示出来
EN