在A4页面上打印html，媒体不起作用
有毒的
我需要以A4尺寸打印html页面，另外我还想与CSS，html一起打印内容正文打印，并忽略菜单列表，页眉，页脚和页面右侧菜单列表。
首先，我介绍了简单的div和class noprint并将其添加到@media print中，但它似乎不起作用。noprint类在@media打印之外工作，因此我知道它是正确的。
另外，我的要求是使用标准Ctrl + P键盘选项直接从浏览器进行打印
<style type="text/css">
.standardStyle {
display:block;
width:200px;
height:150px;
padding:10px;
background-color:green;
margin:5px;
}
@media print{
.noprint{ color:red;}
}
</style>
</head>
<body>
<div class="noprint standardStyle">
this is test line....
</div>
<div class="print standardStyle">
this is test line....
</div>
<div class="print standardStyle">
this is test line....
</div>
杜沙尔
运行该代码段，然后按Ctrl + P，您将看到红色的行。截屏 ：
@media print {
.noprint { color:red; }
}<div class="noprint">
this is test line.....
</div>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
HTML页面上的按钮不起作用
- 2
底部边距在html页面上不起作用
- 3
使用localstorage保持页面上的html刷新不起作用
- 4
HTML页面上的AngularJS验证不起作用
- 5
进度条在 HTML 页面上不起作用
- 6
如何在多个 A4 页面上自动打印大于 A4 的页面？
- 7
提交ajax表单并停留在同一页面上不起作用
- 8
Uploadify同一页面上的多个实例不起作用
- 9
同一页面上的jQuery插件的多个实例不起作用
- 10
W3Schools 同一页面上的多个模态框不起作用
- 11
指向同一页面上的 ID 的锚链接不起作用
- 12
为什么 Toggle 类在同一页面上添加 innerHTML 后不起作用
- 13
phpexcel多页打印不起作用
- 14
我页面上的链接不起作用
- 15
HTML到A4页用于打印，每页8行
- 16
在同一页面上的两个对象上的Rails will_paginate不起作用
- 17
在同一页面上的两个对象上的Rails will_paginate不起作用
- 18
同一页面上的多个“ Script src”导致排序功能在HighCharts上不起作用
- 19
Material2 - 同一页面上的两个动态 md-table，不起作用
- 20
event.preventdefault() 或 return false 不起作用（提交后我需要留在同一页面上）
- 21
媒体打印和边框属性不起作用
- 22
HTML 页面上的多个 (14) 倒计时不起作用
- 23
多页打印大型SVG（A4）
- 24
多页打印大型SVG（A4）
- 25
将用户控件打印到A4页面的中心
- 26
Javascript在PHP页面上不起作用
- 27
SSL页面上的Skyscanner窗口小部件不起作用
- 28
滚动以锚定在Wordpress页面上不起作用
- 29
Ajax在PHP页面上不起作用
我来说两句