HTML如何实现屏显和打印

无意中翻阅CSS,发现里面有两语句:page-break-beforepage-break-after
分别对应的 参数是: auto; always; left; right;
于是尝试建立一张HTML,如下

1<html>   2<head>   3<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />   4<title>分页测试</title>   5<style type="text/css">   6<!--   7.A4 {           8    page-break-before: auto;           9    page-break-after: always;   10}   11-->   12</style>   13</head>   14   15<body>   16    <div class="A4">第一页</div>   17    <div class="A4">第二页</div>   18</body>   19</html>  

于是解决了问题.....显示时是连续的,当你选择打印预览时,你会看到,已经是自动分开两页打印.

点赞
收藏

评论区

加载中...

相关推荐

手写Java HashMap源码

HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22

天哪!几行js代码就可以实现拳皇小游戏

前言今天,我们用原生JS实现一个拳皇人物位置控制的小效果。话不多说,我们赶紧来看下如何实现吧!效果(非静止八神)分别按W、S、A、D键可实现位置移动,并且效果真实。源码html与css很简单,主要是js中有几点需要注意的。<!DOCTYPE html<html lang"en"<head <meta charset"UTF8" <title游

DIVcss背景图片固定居中,div阴影,背景半透明,div圆角,DIV渐变 【mark用】

<html\<head\<metahttpequiv\"ContentType"content\"text/html;charsetutf8"/<title\CSStest</title\<styletype\"text/css"\body{mar

JavaScript 从select表中获取数据在表格中添加行

<!DOCTYPE html<html<head lang"en"    <meta charset"UTF8"    <title</title    <link rel"stylesheet" href"css/mian.css"/    <script src

【CSS】IE8 中 height 与 min

测试demo 源代码:<!DOCTYPE html<html lang"zhCN"<head    <meta charset"UTF8"    <meta httpequiv"XUACompatible" content"IEedge,chrome1"/    <

JS获取表单元素的值

<html<head<metahttpequiv"contenttype"content"text/html;charsetutf8"<title测试</title</head<body<formid"form1"name"form1"文本框

HTML如何实现屏显和打印 - HelloWorld