CSS打印预览边距

Question

我正在尝试在Internet Explorer 11的“打印预览”中设置页边距的大小。 我也在尝试清除任何内容（例如页码，标题，URL等）的空白

我已经成功设置了边距大小，但是无法清除内容。 这是我的代码：有人可以发现我做错了什么吗？ 一旦它为最高利润而工作，我就可以将修复程序复制到其余部分。

<!DOCTYPE HTML>
<html>
<head>
<title>Print Test</title>       

<style type="text/css">

@page {
    margin-top: 50mm;
    margin-bottom: 50mm;
    margin-left: 50mm;
    margin-right: 50mm;

    @top-left-corner {content: none}
    @top-left {content: none}
    @top-center {content: none}
    @top-right {content: none}
    @top-right-corner {content: none}    
}

</style>    
</head>
<body>
    <h1>Header Here</h1>
    <p>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    </p>
</body>
</html>

Answer 1

唯一想到的是：first，：blank，：left和：right指示符比@page本身具有更高的级别特异性。

尝试执行以下操作以覆盖所有内容：

@page, @page :first, @page :right, @page :left, @page :blank {
    @top-left-corner {content: none}
    @top-left {content: none}
    @top-center {content: none}
    @top-right {content: none}
    @top-right-corner {content: none}  
}

更新：我大部分时间都花在PrinceXML中。 我没想到要检查浏览器支持。 现在，我发现大多数浏览器均不支持它们（请参阅边距框支持）。

CSS打印预览边距

问题描述

1 个解决方案

解决方案1
0 2014-08-22 17:54:17

CSS打印预览边距

问题描述

1 个解决方案

解决方案1 0 2014-08-22 17:54:17

解决方案1
0 2014-08-22 17:54:17