Css 是否可以安排html进行打印？_Css_Html

Css 是否可以安排html进行打印？

css html

Css 是否可以安排html进行打印？,css,html,Css,Html,在我的html中，有页眉、侧边栏、页脚和。它们在浏览器上阅读时很方便，但当读者打印页面时，我希望他们只打印部分，因为侧边栏。。。在纸张上打印时，不需要etc 打印时可以选择可见部分吗？当然可以，您可以使用媒体查询在css中使用媒体查询 @media print { … css goes here } 您也可以使用单独的print.css文件下面是一个更详细的示例当然，您可以使用媒体查询在css中使用媒体查询 @media print { … css goes here }

在我的html中，有页眉、侧边栏、页脚和

。它们在浏览器上阅读时很方便，但当读者打印页面时，我希望他们只打印

部分，因为侧边栏。。。在纸张上打印时，不需要etc

打印时可以选择可见部分吗？

当然可以，您可以使用媒体查询

在css中使用媒体查询

@media print {
   … css goes here
}

您也可以使用单独的print.css文件

下面是一个更详细的示例

当然，您可以使用媒体查询

在css中使用媒体查询

@media print {
   … css goes here
}

您也可以使用单独的print.css文件

下面是一个详细介绍

请尝试window.print进行打印：

<button onclick="myFunction()">Print this page</button>

<script>
function myFunction() {
    window.print();
}
</script>

@media print
{
    header{
      display: none;
    }
}

请尝试window.print进行打印：

<button onclick="myFunction()">Print this page</button>

<script>
function myFunction() {
    window.print();
}
</script>

@media print
{
    header{
      display: none;
    }
}

以下是我用来只打印所需内容的内容

<head>
    <style type="text/css">

    #printable { display: none; }

    @media print
    {
        #non-printable { display: none; }
        #printable { display: block; }
    }
    </style>
</head>
<body>
    <div id="non-printable">
        Side Bar Content
    </div>

    <div id="printable">
        Main Content
    </div>
</body>


#可打印{显示：无；}
@媒体印刷品
{
#不可打印{显示：无；}
#可打印{显示：块；}
}
侧栏内容
主要内容

以下是我用来只打印所需内容的内容

<head>
    <style type="text/css">

    #printable { display: none; }

    @media print
    {
        #non-printable { display: none; }
        #printable { display: block; }
    }
    </style>
</head>
<body>
    <div id="non-printable">
        Side Bar Content
    </div>

    <div id="printable">
        Main Content
    </div>
</body>


#可打印{显示：无；}
@媒体印刷品
{
#不可打印{显示：无；}
#可打印{显示：块；}
}
侧栏内容
主要内容

是，在css中使用

@media print

。是，在css中使用

@media print

。