CSS里的@page是不是用来打印的?其效果如何?

css里的@page 是不是用来打印的?用ie无法显示其效果?
如果可以显示效果请给个具体的例子

查不到@page的用途,建议你看看以下内容:

使用CSS,定义一个.noprint的print,将不打印的内容放入这个class内。 详细如下:

  1. .noprint{visibility:hidden}

登录后复制

 要打印的内容。哈哈!

  1.  

登录后复制

将不打印的代码放在这里。

立即学习“前端免费学习笔记(深入)”;

  1.  打印

登录后复制

第二种方法:指定打印区域 把要打印的内容放入一个 span或div,然后通过一个print打印。

  1. 把要打印的内容放这里 

    所有内容

     
    div2的内容
     打印  function printme() {      document.body.innerHTML=document.getElementById('div1').innerHTML+'
    '+document.getElementById('div2').innerHTML;      window.print(); } īpt>

登录后复制

如果要打印的只是整个页面中的一小部分,就最好采用第二种方法。

第三种方法:如果要打印的页面排版和原web页面相差很大,采用此种方法。 点打印print弹出新窗口,把需要打印的内容显示到新窗口中,在新窗口中调用window.print()方法,然后自动关闭新窗口。

以上就是CSS里的@page是不是用来打印的?其效果如何?的详细内容,更多请关注【创想鸟】其它相关文章!

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
编程技术

css @page的使用与定义详解

2025-3-29 18:23:28

编程技术

CSS中scrollbar-base-color:#FF0000;的意思

2025-3-29 18:23:40

0 条回复 A文章作者 M管理员
欢迎您,新朋友,感谢参与互动!
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
私信列表
搜索