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

时间:2013-08-25 20:34:48

标签: javascript html

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

<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/>

         打印这个..     

</body>
</html>

在代码中,div top_part包含我需要隐藏的按钮和文本,它隐藏但是如何从打印的顶角对齐可打印区域

1 个答案:

答案 0 :(得分:1)

@MEDIA print {

#top_part{
display:none;
}