网页制作中，想打印出隐藏的元素，注意不是在打印时隐藏，而是隐藏元素的打印，css属性应该如何设置？

html-css034

网页制作中，想打印出隐藏的元素，注意不是在打印时隐藏，而是隐藏元素的打印，css属性应该如何设置？,第1张

很简单，再写一个打印专用的css文件，让隐藏的东西再显示出来，这并不影响屏幕上的显示效果。

在网页头部调用

<link href="用于打印的css文件地址" type=“text/css” rel=“stylesheet” media=“print” />

media=“print” 意思就是在打印的时候启用该样式。

style="page-break-after:always"意思是下一行开始分页。 是css打印的一种格式。

CSS控制打印的技巧：

1、隐藏不需要打印的部分

用法：

<p>我是需要打印的内容。但是不想打印出按钮</p>

<button class="noprint" onclick="window.print()">打印文本</button>

2、打印分页控制

控制打印分页也有专门的CSS属性“page-break-after”

用法：

@media print {

.nextpage {page-break-after:always}

}

<p class="nextpage">这里显示第一页.</p>

<p>这里显示第二页.</p>

1、使用display:none来隐藏所有信息（无空白位占据）推荐，CSSdisplay手册查看

2、使用overflow:hidden来隐藏溢出的文字或图片适用推荐，CSSoverflow手册查看

3、使用overflow-y:hidden和overflow-x:hidden控制滚动条的隐藏与否，CSSoverflow-y手册查看，CSS手册查看overflow-x