@Print模式 - 忽略网站标题标签

时间:2016-12-26 14:15:50

标签: html css twitter-bootstrap

我试图忽略print mode中的网站标题,然后how to hide element in print mode,我尝试过:

<title class="hidden-print">site title..</title>

和CSS:

   @media print{
        .hidden-print {
            display: none !important;
        }
   }

但仍然可以在print mode中看到标题。

BTW - 我可以在打印模式下隐藏标题旁边的日期吗?

2 个答案:

答案 0 :(得分:3)

请使用此功能,然后根据需要设置边距。这将从打印机设置中删除标题和背景。

<style type="text/css" media="print">
    @page 
    {
        size:  auto;
        margin: 0mm;
    }
</style>

答案 1 :(得分:2)

  

BTW - 我可以在打印模式下隐藏标题旁边的日期吗?

您是否在谈论页脚/标题元素:打印网页时的标题和日期?这取决于您的浏览器

Removing page title and date when printing web page (with CSS?)