css print设置默认打印尺寸

2024-10-29

html / css打印样式

最近做公司后台系统,需要打印贴箱标签,按照正常打印A4纸的标准,测试的效果不是自己想要的,文字排版布局都乱了,查了一些资料,需要设置的东西我总结了一下: 显示器(screen)和打印机(printer)是两种差别很大的设备,所以要设置html/css打印样式. screen一般使用逻辑单位比如px,而打印机则应该使用物理单位比如cm(厘米)或in(英寸).因此如果要精确的控制打印效果就应该使用print css,这是跨平台兼容的标准.不推荐使用浏览器插件方式实现打印. 首先引用print css

详解CSS设置默认字体样式

浏览器默认的样式往往在不同的浏览器.不同的语言版本甚至不同的系统版本都有不同的设置,这就导致如果直接利用默认样式的页面在各个浏览器下显示非常不一致,于是就有了类似YUI的reset之类用来尽量重写浏览器的默认设置保证各个浏览器样式一致性的做法. 拿字体来说,各个浏览器默认的字体种类.字体大小和字体行高都不一样,比如IE8的中文版在Windows XP下显示网页时默认字体是宋体,而英文版肯定不会如此.所以我们需要统一设置默认的字体样式,以便实现一致的显示效果来保证设计的一致性和提高开发效率. 样

Ajax,设置默认焦点以及判断是否为空

CSS样式设置语法全解，样式优先级、值和单位、字体、文本、块级元素，行内元素，替换元素、非替换元素、display、float、position、table、li、光标、边距边框、轮廓、颜色背景

全栈工程师开发手册 (作者:栾鹏) 一个demo学会css css选择器全解 css操作语法全解 CSS样式设置语法全解: 样式优先级 1. !important标记的样式 > 内联样式(style属性) >id选择样式(#获取) > 属性选择 ([title="da"]) > 标签选择 div p > 通配符* 2. 同一等级优先级具有叠加性.div p的优先级大于p.相同优先级,越晚设置的样式优先级越大 3. 绝大部分样式会从父元素继承到子元素上,继承

Ueditor设置默认字体、字号、行间距，添加字体种类（转）

Ueditor默认字体.字号.行间距的修改: ueditor默认字号是16号,默认字体为sans-serif,默认行间距为5px,如下图所示: 首先,修改ueditor.all.js文件中如上图红框中对应的字体.字号.行间距的值: 其次,ueditor.all.min.js文件为ueditor.all.js的压缩版,需要一并修改其中对应的字体.字号.行间距的值,如下图所示: 字体种类的添加: ueditor编辑器默认只提供了11中字体,而实际的应用中,这些字体还是太少,无法满足各种需求,所以需要

datepickerx设置默认日期

datepicher插件是jQuery UI的一个插件,它提供一个日期弹出窗口(或直接显示在页面),供用户选择日期.在Web开发中,总会遇到需要用户输入日期的情况.一般都是提供一个text类型的input供用户输入日期,我们在实际开发中会遇到给日期控件设置默认日期的情况,下面我们就举例解释jquery easyui datepickerx控件是如何实现设置默认日期的: <%@page pageEncoding="UTF-8"%> <!DOCTYPE html PUBL

[saiku] 简化／汉化／设置默认页

上一篇分析了schema文件 [ http://www.cnblogs.com/avivaye/p/4877832.html] 在安装完毕Saiku后,由于是社区版本,所以界面上存在很多升级为商业版的文字. 这一篇就讲述下如何简化saiku的操作界面 1.去除查询页面的升级为商业版的提示 You are using Saiku Community Edition, please consider upgrading to Saiku Enterprise, or entering a spons

css margin-top设置html元素之间的距离

css margin-top属性设置的是一个元素的顶端与另一个元素之间的距离.这个距离称为上外边距,本文章向大家介绍css margin-top属性的用法和实例,需要的朋友可以参考一下. css margin-top介绍 css margin-top属性指从某一元素的上边框开始,到另外一个相邻的元素的下外边距之间的距离. 每一个元素都存在着外边距.两个相邻的元素之间是靠它们的外边距排列在一起的. 语法: margin-top:值(如:10px) 例如: margin-top:10px 表示设置该

超链接字体颜色设置(通过html/css的设置方法)

超链接字体颜色设置是通过css来设置,a链接的颜色设置常用的有以下两种,1.超链接a的初始状态颜色,2.超链接字体的鼠标滑过颜色,还有两种病不常用:3.超链接字体的已访问颜色,4.超链接字体在按下鼠标时的颜色四中超链接状态分别对应的css属性:a{}.a:hover{} .a:visited{}.a:active{},通常只写a{}.a:hover{}即可,如果你需要其他两种字体颜色设置请参照一下顺序来书写 a{color:red;} a:visited{color:green;} a:hov

select2 取值遍历设置默认值

select2 取值遍历设置默认值本章内容主要介绍Select2 的初始化,获取选中值,设置默认值,三个方法.Select2 美化了单选框,复选框和下拉框,特别是下拉框多选的问题.但同时,Select2也有很多吭. 效果图: 使用Select2实现下拉框多选,并获取选中值,初始设置默认值技术:select2.js ,prototype.js,jquery.js 源码:https://github.com/ITDragonBlog/daydayup/tree/master/JQuery-s

百度ueditor上传图片时如何设置默认宽高度

百度ueditor上传图片时如何设置默认宽高度一.总结一句话总结:直接css或者js里面限制一下就好,可以用html全局限制一下图片的最大高度直接css或者js里面限制一下就好,可以用html全局限制一下图片的最大高度 1.如何改变ueditor.umeditor中插件的大小? 其实也就是改css 或者用js改css 2.如何修改所有html,js插件的样式,或者插件里面的插件样式? css 或者js控制的css 3.解决不同浏览器上面的css属性适配问题? 用基础css,或用js 这个也

canvas里设置width和css里设置width和js里设置width的区别

canvas.width 和它的style.width是不一样的: canvas是个画布,有他自己的宽和高(默认是没有单位的纯数字),就是canvas.width和canvas.height的宽和高, 行间样式里如果你用vh和vw设置宽高,不好意思,不可以,统统按照px计算, css里可以用vw,vh.但是,请记住,这里设置的是style.属性; js里用带有单位的字符串比如vw和vh还有px,设置width和height,还是不好意思,不好使, 这样就不好使!!! (style属性是表现在页

yii创建与设置默认控制器并载入模板

yii创建与设置默认控制器并载入模板一.创建控制器在protected下的controllers文件夹中创建自定义的控制器文件,比如: IndexController.php (文件名首字母大写) IndexController.php文件中添加如下代码: class IndexController extends Controller { //创建方法,方法名称=action+方法名 public function actionIndex() { } } 二.设置默认控制器在protec

前端学习笔记之CSS属性设置

CSS属性设置阅读目录一字体属性二文本属性三背景属性四盒子模型五盒子模型各部分详解一字体属性 1.font-weight:文字粗细取值描述 normal 默认值,标准粗细 bord 粗体 border 更粗 lighter 更细 100~900 设置具体粗细,400等同于normal,而700等同于bold inherit 继承父元素字体的粗细值 2.font-style:文字风格 normal 正常,默认就是正常的 italic 倾斜 3.font-size

我给女朋友讲编程CSS系列(3) CSS如何设置字体的类型、大小、颜色，如何使用火狐浏览器的Firebug插件查看网页的字体

一.CSS如何设置字体的类型.大小.颜色设计网页时,一般设置body的字体,让其他标签继承body的字体,这样设置特别方便,但是标题标签h1到h6和表单标签(input类型)是没有继承body的字体属性的,它们的字体需要单独设置. 1, 新建一个网页a.html,把下面的代码复制进去. <html> <head> <style type="text/css"> body { font-family : 微软雅黑,宋体; font-size : 1

Sublime Text3 解决中文乱码 & 可用注册码 & 设置默认打开方式

Sublime Text3注册码 Sublime Text Build 3065 License key 复制如下三个任意一个正版注册码即可 -– BEGIN LICENSE -– Andrew Weber Single User License EA7E-855605 813A03DD 5E4AD9E6 6C0EEB94 BC99798F 942194A6 02396E98 E62C9979 4BB979FE 91424C9D A45400BF F6747D88 2FB88078 90F5CC

CSS transition 的默认值

语法 transition: property duration timing-function delay|initial|inherit; 示例: div { width: 100px; height: 100px; transition: width 2s; } div:hover { width: 300px; } CSS transition 演示同时指定多个属性也可同时指定多个需要 transition 的属性,每个属性用逗号分隔,包含自己完整的时间,动画方法(t

Pycharm设置默认HTML模板

Pycharm设置默认HTML模板 Bootstrap导入链接 <link href="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet"> <script src="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/js/bootstrap.min.js"&g

如何修改Jquery Mobile 设置默认选项

以下的默认配置可以通过$.mobile对象重新配置自定义命名空间s (字符, 默认: ""): 在jQuery Mobile中,甚至可以自定义象HTML5中的data-attribute等系列属性,比如data-role等.这通过自定义命名空间即可实现.比如可以实现自定义一个名字,变成data-自定义名-role这样的形式.按照“data-属性”格式安排的命名空间,例如:data-role,可以设置为任何东西,默认为空字符串.如果你包含一个面包屑的话用起来会比较明晰,比如mynam

python3.x设置默认编码(sys.stdout.encoding和sys.defaultencoding)

查了一会资料得出的结论是如果你用的是python3.x,那么就最好别去设置sys.defaultencoding或者sys.stdout.encoding记住在需要编码的时候用encode,解码的时候decode就可以了... 这个问题貌似很复杂首先区分一下sys.stdout.encoding和sys.defaultencoding sys.defaultencodingsys.defaultencoding是默认的字符串转化编码在python2.x版本中,字符串默认编码是ascii,举例来说

TERSUS无代码开发(笔记04)-CSS样式设置

CSS样式设置 1.常用显示样式大小尺寸说明间距边距说明各类颜色说明 width 宽 margin 外边距 color 颜色 height 高 padding 内边距 background-color 背景色 font-weight 字体加粗 float 浮动 font-size 字体大小 text-align 水平对齐 2.样式文件的位置 bootstrap框架 less语言处理:一门向后兼容的 CSS 扩展语言. 3.boo

css print设置默认打印尺寸

热门专题