html print 边距,css print
最近做表单打印,遂整理了一些打印相关的内容。
说到网页打印,首先想到的便是@media查询(即网页css),通过使用媒体类型print即可解决实际应用的大多数问题,比如实现只打印网页的某部分内容,调整字体大小、修改布局等使打印出来的纸质文件更简洁明了。代码如下:
@media print{
/*隐藏不打印的元素*/
.no-print{
display:none;
}
/*其他打印样式*/
}
但是,就打印表单来说,仅解决上述问题是不够的,我们无法忍受表单存在打印分页时内容被截断、分页显示顶部没有留白等问题。那么如何解决这些问题呢?这就要使用到css打印样式了,即@page,用来指定页面盒子的各个方面。
eg1:尺寸、页边距设置
@page{
size: 5.5in 8.5in; margin: 30px;
}
注:这里除了可以用长度值声明尺寸,还可使用纸质尺寸关键字”A4″或“legal”;亦可通过关键字指定页面方向“portrait”、“landscape”,默认为portrait垂直方向。当margin设置不起作用时检查打印机是否边距是否设置了默认以外的值。
eg2:设置第一页、奇数页或偶数页样式(以首页为例)
@page :first {
/*首页设置*/
}
注:left、right分别为偶数页、奇数页选择器。
eg3:避免表格断开
@page{
table{
page-break-after:avoid;
}
}
注:page-break-after对tr、td不起作用所以当以整体出现的时候要在同一个table中。
eg4:避免某行文字断裂
@page{
table{
page-break-inside:avoid;
}
}
html print 边距,css print相关推荐
- html css print打印,打印样式
html css print打印,打印样式 文章目录 html css print打印,打印样式 1:去除默认页眉页脚 2:分页 3:自定义页眉页脚 4:单独设置打印样式 默认打印效果如上,分别表示日 ...
- python input和print,Python基础——输出[print()]与输入[input()]
Python版本:3.6.2 操作系统:Windows 作者:SmallWZQ Python是一种面向对象的解释型计算机程序设计语言,Python的特点是"简单"." ...
- python print怎么用_python print用法是什么
python print是用于打印输出的一个常见的函数,其使用语法是"print(*objects, sep=' ', end='\n', file=sys.stdout, flush=Fa ...
- python语言print函数_Python 的 print 函数
Python 2.x 系列已经停止维护了, python 3.x 系列正在成为主流,尽管有些项目还是python2.x 的,之后写Python 代码为了保持兼容性,还是尽量和Python 3 标准保 ...
- python报错系列(9)--SyntaxError: Missing parentheses in call to ‘print‘. Did you mean print()
系列文章目录 文章目录 系列文章目录 前言 1.SyntaxError: Missing parentheses in call to 'print'. Did you mean print() 2. ...
- SyntaxError: Missing parentheses in call to ‘print‘. Did you mean print(e)?
在学习古月老师ROS第四课,启动机器人的键盘控制launch文件时报了这个error,下面是报错的内容: process[mbot_teleop-1]: started with pid [4942] ...
- 使用print时出错 SyntaxError: Missing parentheses in call to ‘print‘ Did you mean print(““)
使用print时出错 SyntaxError: Missing parentheses in call to 'print' Did you mean print("") 错误原因 ...
- Flutter Missing parentheses in call to ‘print‘. Did you mean print(‘Insert‘, text,‘to line‘, line_nu
跑 Flutter 项目报错 SyntaxError: Missing parentheses in call to 'print'. Did you mean print('Insert', tex ...
- python输出一个n阶的方阵田字格_python print函数 Python输出函数print()的五种使用方法?...
python print为什么叫函数? 描述print() 方法用于打印输出,最常见的一个函数.print 在 Python3.x 是一个函数,但在 Python2.x 版本不是一个函数,只是一个关键 ...
最新文章
- python3 库pandas写入csv格式文件出现中文乱码问题解决方法
- REPL (read-evaluate-print-loop)概念-读取评估打印循环
- 8.17——继续熟悉linux的命令行
- HTTP 代理如何正确处理 Cookie
- 【OpenCV】将RGB图像转为灰度图
- 深入jvm虚拟机第4版_深入理解JVM虚拟机
- 华为不做黑寡妇,开源编译器,与友商共建安卓性能
- 剑指Offer - 面试题43. 1~n整数中1出现的次数(找规律+公式)
- 服务器cpu虚拟插槽,服务器更换cpu插槽
- EdgeGallery:聚焦 5 大行业场景,MEC 开源平台将 5G 能力拓展到边缘
- TensorFlow2.0:常用数据范围压缩函数
- UVA10427 Naughty Sleepy Boys【数学】
- layui select第一次无法选中_Windows 10 无法访问共享的解决办法大全
- C-Sharp网络编程案例解析(Socket类的使用)
- 【转载】Eclipse:Android开发中如何查看System.out.println的输出内容
- 【手写数字识别】基于matlab GUI BP神经网络手写数字识别(手写+带面板)【含Matlab源码 1196期】
- 计算机中算术逻辑单元负责,算术逻辑单元可实现 算术逻辑单元的发展
- 男人四十以后适合在哪个行业创业?为什么?
- 【MySQL附录】A6:MySQL OCP 认证考试最详细最准确报考流程(2020年)
- MATLAB 找到n阶方阵中对角线上的连续素数个数 不使用循环
热门文章
- 正在这紧要关头的jdzyzwc
- 改變HTML中的光標問題
- 飞鸽传书2011怎么用之启动常见问题(二)
- 世界定级 企业即时通讯软件
- C++设计模式之Adapter
- 经典面试题(47):以下代码将输出的结果是什么?
- HTML5 API详解(13):video/audio 视频/音频
- linux配置vscodec运行环境,Linux 下 VSCode c/c++环境配置
- python堆栈与队列_python语言的堆栈与队列类的实现
- 史上最牛研究生已成院士,给出“维持科研创新能力”的秘诀