如何使用CSS打印阻止网页

网页是为了在屏幕上查看 。 虽然可以使用各种可用于查看网站(台式机,笔记本电脑,平板电脑,手机,可穿戴设备,电视等)的设备,但它们都包含某种类型的屏幕。 有人可以通过另一种方式查看您的网站,这种方式不包括屏幕。 我们指的是您的网页上的物理打印。

几年前,你会发现打印网站的人是很常见的情况。 我们记得与很多刚接触网络的客户见面,并且感觉更舒适的浏览网站的打印页面。 然后他们给了我们对这些纸张的反馈和编辑,而不是看着屏幕讨论网站。 随着人们对生活中的屏幕变得越来越舒服,并且由于屏幕已经倍增了很多倍,我们看到越来越少的人试图将网页打印到纸上,但它仍然会发生。 当您规划出您的网站时,您可能需要考虑这种现象。 你想让人们打印你的网页吗? 也许你没有。 如果是这样的话,你有一些选择。

如何使用CSS打印阻止网页

使用CSS很容易阻止人们打印您的网页。 您只需创建一个名为“print.css”的1行样式表,其中包含以下CSS行。

body {display:none; }

这种风格会将页面的“body”元素变为不显示 - 因为页面上的所有内容都是body元素的子元素,这意味着整个页面/网站都不会显示。

一旦你有了你的“print.css”样式表,你可以将它作为打印样式表加载到你的HTML中。 下面是你如何做到这一点 - 只需将以下行添加到HTML页面中的“head”元素即可。

上面一行的重要部分用粗体表示 - 这是一个打印样式表。 该信息告诉浏览器,如果该网页设置为打印,则使用该样式表而不是该页面用于屏幕显示的任何默认样式表。 当页面切换到这个“print.css”页面时,使整个页面不显示的风格将会启动,所有打印的页面都将成为空白页面。

一次打印一页

如果您不需要阻止网站上的大量网页,则可以使用粘贴到HTML头部的以下样式逐页阻止打印。