Javascript html@MEDIA print{}，隐藏标记会在打印中留下空白_Javascript_Html

Javascript html@MEDIA print{}，隐藏标记会在打印中留下空白

javascript html

Javascript html@MEDIA print{}，隐藏标记会在打印中留下空白,javascript,html,Javascript,Html,我正在使用java脚本打印html页面中的选定区域。我使用@MEDIA print{..隐藏页面中的所有标题、按钮和图像。它会被隐藏，但仍有空白。如何对齐打印内容以从页面顶部打印 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>Insert title here</title> <style

我正在使用java脚本打印html页面中的选定区域。我使用@MEDIA print{..隐藏页面中的所有标题、按钮和图像。它会被隐藏，但仍有空白。如何对齐打印内容以从页面顶部打印

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<style type="text/css">
@MEDIA print {
    #top_part{
    visibility:hidden;
    }
    #print{
    margin-top: 5px;
        }
    }
    </style>
</head>
<body>
<div id="top_part">
<button onclick="window.print();">print</button>
hello <br/>
<br/><br/><br/><br/><br/>
test if the printer avoids this content
<br/>


在此处插入标题
@媒体印刷品{
#上半部分{
可见性：隐藏；
}
#印刷品{
边缘顶部：5px；
}
}
打印
你好









测试打印机是否避免此内容

打印这个。。

在代码中，div top_部分包含我需要隐藏的按钮和文本，它会隐藏，但如何将可打印区域与打印的上角对齐

@MEDIA print {

#top_part{
display:none;
}

试一试

visibility:hidden；

保留元素空间。如果不需要该空间，请使用

display:none

。您需要关闭

标记。

visibility:hidden

故意为元素留出空间（元素不可见，但仍然存在）。请尝试

display:none

。感谢display:none是解决方案

可见性：隐藏；

保留元素空间。如果不需要该空间，请使用

display:none

。您需要关闭

标记。

可见性：隐藏

故意为元素留出空间（它们不可见，但仍然存在）。请尝试显示：无。。感谢显示：无是解决方案

@MEDIA print {

#top_part{
display:none;
}