首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何格式化8.5x11英寸打印页面的CSS

在CSS中,要格式化一个8.5英寸x11英寸的打印页面,可以使用以下代码:

代码语言:css
复制
@media print {
  @page {
    size: 8.5in 11in;
    margin: 0;
  }
}

这段代码使用了CSS的@media规则,它允许你根据设备类型应用不同的样式。在这个例子中,我们只在打印时应用这些样式。

接下来,我们使用@page规则来设置页面大小和边距。在这个例子中,我们将页面大小设置为8.5英寸x11英寸,并将边距设置为0。

这样,当你打印页面时,它将会以8.5英寸x11英寸的大小进行打印,并且没有边距。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

第二十三章 : 打印

前几章我们学习了如何操控文本,下面要做的是将文本呈于纸上。在这章中,我们将会着手用于打印文件和控制打印选项的命令行工具。...大部分打印机采用横向10字符每英寸(CPI)和纵向6行每英寸(LPI)的规格打印,这样一张美式信片纸就有横向85字符宽纵向66行高,加上两侧的边距,一行的最大宽度可达80字符。...相比之下,用一台300点每英寸(DPI)分辨率的激光打印机(假设一张纸有8乘10英寸打印区域)打印则需要 (8 × 300) × (10 × 300) / 8 = 900,000字节。...-h header 在页眉中部用 header 参数替换打印文件的名字。 -l length 设置长为 length,默认为66行(每英寸6行的美国信纸)。 -n 输出行号。...下面的例子中我们会列出目录 /usr/bin 并用 pr 将其格式化为3列输出的标题: [me@linuxbox ~]$ ls /usr/bin | pr -3 -w 65 | head 2012-02

42310

CSS进阶03-定位体系,格式化上下文,常规流

打印媒体类型中,即便页面是通过视口来访问的(比如打印预览),盒也渲染在所有,并且根据盒固定。其他媒体类型中则未定义此表现。开发者可根据依赖媒体来指定 fixed 。...比如说,如果想使盒固定在屏幕视口顶部,但不出现在打印的顶部,这两种设定可以通过使用@media规则来分开,如下: @media screen { h1#first { position: fixed...块级盒参与块格式化上下文,行内级盒参与行内格式化上下文。 CSS2.2中对这个规定有了新的解释。引入了表格式化上下文。并且声明,在CSS的未来级别,将引入其他类型的格式化上下文。...BFC就是页面上的一个隔离的独立容器,容器里面的子元素不会影响到外面的元素,反之亦然。 计算BFC的高度时,浮动元素也参与计算。 如何生成BFC: 根元素,即HTML元素。...简单地说,Flexbox定义了伸缩容器内伸缩项目该如何布局。

1.7K10

【知识】Latex中的emptmm等长度单位及使用场景

二、在使用的时候应该如何选择?他们分别适用于那些场景?三、有哪些使用示例?1. 设置文档的边距2. 调整字体大小3. 定义与文字大小相关的间距4. 调整表格、图片或其他浮动体的宽度5....二、在使用的时候应该如何选择?他们分别适用于那些场景?        在LaTeX中选择合适的长度单位,主要取决于你的具体需求和排版的上下文。...适合在需要精确对齐或符合特定打印标准的文档中使用。mm, cm:适用于页面布局设计,如设定边距、列宽等。当文档需要在多种不同的打印机或纸张尺寸上打印时,使用公制单位可以更容易地管理和预见打印效果。...in(英寸):主要用于符合美国标准的文档排版,例如设置按美国常用纸张尺寸(如信纸)的边距。适合在需要与设备的物理特性(如屏幕尺寸)对齐时使用。...设置文档的边距        使用geometry包设置页面的边距时,常用单位是cm或in:\usepackage{geometry} \geometry{left=2cm, top=2cm, right

51410

Chrome 开发者工具的小技巧

代码格式化 有很多css/js的代码都会被 minify 掉,你可以点击代码窗口左下角的那个 { } 标签,chrome会帮你给格式化掉。 ?...代码格式化 强制DOM状态 有些HTML的DOM是有状态的,比如 标签,其会有 active,hover, focus,visited这些状态,有时候,我们的CSS会来定关不同状态的样式,在分析网页查看网页上...下面这个抓屏中还演示了一个如何清空console的示例。你可以输入 clear() 或是 按 Ctrl+L(Windows下),CMD + K (Mac下) ?...o 格式化输出一个DOM对象 %O 格式化输出一个Javascript对象 %c 为后面的字符串加上CSS样式 除了console.log打印js的数组,你还可以使用console.table来打印,...console.count() 可以让你看到相同的日志当前被打印的次数。

49520

【说站】css px和pt的不同

css px和pt的不同 1、px和pt,一个是设备坐标,一个是逻辑坐标,两者不同。 2、pt是绝对单位,1pt=1/72英寸。...px是一个相对单位,一般像素的参考值是:在像素密度为90pdi的显示器上,正常人从距离显示器28英寸的角度看一个像素应该不小于0.0227度。...用px定义文本,不管用户如何设置,大小都不会改变;用pt定义文本,当用户设置超过96DPI时,数值越大,字体越大。...假如每个人网页是为了浏览而非打印,建议大家用px来定义字号,理由如下: (1)如前面的Jet所述,px指的是象数,象数的概念本身就是为了显示而引用的,而pt(磅值)很大程度上是为了不出错,印刷和显示有很大的不同...以上就是css px和pt的不同,希望对大家有所帮助。更多css学习指路:css教程 收藏 | 0点赞 | 0打赏

51020

像素相关概念:PPI、DPI、设备像素、独立像素

面的单位 px等等,很多领域都会用到这个单位,但是当我问他们一些问题的时候,基本上都答得不好。...然后根据上面的公式得出: 总设备像素 = 总 css 像素 2 = 375 667 2 。然而实际上总的设备像素是 750 x 1334 个像素点。...其实这个也很好理解,逻辑像素嘛,不就是我们平时用的 CSS 像素么,在 Android 中交设备独立像素。所以 设备独立像素 = CSS 像素。...PPI 描述了一英寸数字屏幕上显示的正方形像素的数量(通常在 67-300 之间)。另一方面,DPI 是指打印文档中墨水物理点的数量的打印术语。...它们俩其实是差不多的,只是在使用的范围不一样,因为「点」这个还是比较抽象的,当使用电脑屏幕的时候,就是像素点;而当你打印或者印刷东西的时候,就是喷墨点。

2.6K20

关于移动端适配,你必须要知道的

一、英寸 一般用英寸描述屏幕的物理大小,如电脑显示器的 17、 22,手机显示器的 4.8、 5.7等使用的单位都是英寸。 需要注意,上面的尺寸都是屏幕对角线的长度: ?...平时你可能会看到使用 DPI来描述图片和屏幕,这时的 DPI应该和 PPI是等价的, DPI最常用的是用于描述打印机,表示打印机每英寸可以打印的点数。...在上面的图像中我们可以清晰的看到,打印机是如何使用墨点来打印一张图像。 所以,打印机的 DPI越高,打印图像的精细程度就越高,同时这也会消耗更多的墨点和时间。...但是 CSS像素是很容易被改变的,当用户对浏览器进行了放大, CSS像素会被放大,这时一个 CSS像素会跨越更多的物理像素。 页面的缩放系数=CSS像素/设备独立像素。...上面在介绍 CSS像素时曾经提到 页面的缩放系数=CSS像素/设备独立像素,实际上说 页面的缩放系数=理想视口宽度/视觉视口宽度更为准确。

2K10

关于移动端适配,你必须要知道的

一、英寸 一般用英寸描述屏幕的物理大小,如电脑显示器的 17、 22,手机显示器的 4.8、 5.7等使用的单位都是英寸。 需要注意,上面的尺寸都是屏幕对角线的长度: ?...平时你可能会看到使用 DPI来描述图片和屏幕,这时的 DPI应该和 PPI是等价的, DPI最常用的是用于描述打印机,表示打印机每英寸可以打印的点数。...在上面的图像中我们可以清晰的看到,打印机是如何使用墨点来打印一张图像。 所以,打印机的 DPI越高,打印图像的精细程度就越高,同时这也会消耗更多的墨点和时间。...但是 CSS像素是很容易被改变的,当用户对浏览器进行了放大, CSS像素会被放大,这时一个 CSS像素会跨越更多的物理像素。 页面的缩放系数=CSS像素/设备独立像素。...上面在介绍 CSS像素时曾经提到 页面的缩放系数=CSS像素/设备独立像素,实际上说 页面的缩放系数=理想视口宽度/视觉视口宽度更为准确。

1.9K41

关于移动端适配,你必须要知道的

一、英寸 一般用英寸描述屏幕的物理大小,如电脑显示器的 17、 22,手机显示器的 4.8、 5.7等使用的单位都是英寸。 需要注意,上面的尺寸都是屏幕对角线的长度: ?...平时你可能会看到使用 DPI来描述图片和屏幕,这时的 DPI应该和 PPI是等价的, DPI最常用的是用于描述打印机,表示打印机每英寸可以打印的点数。...在上面的图像中我们可以清晰的看到,打印机是如何使用墨点来打印一张图像。 所以,打印机的 DPI越高,打印图像的精细程度就越高,同时这也会消耗更多的墨点和时间。...但是 CSS像素是很容易被改变的,当用户对浏览器进行了放大, CSS像素会被放大,这时一个 CSS像素会跨越更多的物理像素。 页面的缩放系数=CSS像素/设备独立像素。...上面在介绍 CSS像素时曾经提到 页面的缩放系数=CSS像素/设备独立像素,实际上说 页面的缩放系数=理想视口宽度/视觉视口宽度更为准确。

1.9K20

移动端H5开发基础

系统 总结 ---- 前言 随着移动端H5需求场景越来越多,例如微信公众号中H5面的开发,APP中内嵌H5面等,移动端H5开发基础知识和技巧是前端开发工程师必备的技能~ ---- 一、移动端屏幕相关概念...屏幕尺寸 手机屏幕对角线的长度,单位:英寸,1英寸=2.54厘米 2....屏幕像素密度(ppi = pixels per inch) 与【屏幕尺寸】和【屏幕分辨率】有关,即每英寸所拥有的像素数量,决定了手机清晰度。 二、像素 1....CSS像素 web开发的最小单位,一个CSS像素在移动设备上最终会转成物理像素去呈像 一个CSS像素占用多少个物理像素,取决于【设备特性】、【用户缩放行为】 3....设备独立像素 是一个抽象层,是设备对接CSS像素的接口,一旦CSS像素与设备独立像素挂钩(width=device-width),dpr才有意义。 在PC web开发中无意义,无此概念。 4.

1.4K20

Web应用程序如何创建 PDF

从HTML和CSS开始 首先考虑如何使用HTML和CSS生成PDF版本。 CSS确实有一个处理打印CSS的规范,就是 Paged Media module。...当然如果你有一个样式表,它也会根据打印样式表进行格式化。 用浏览器直接打印的一个问题是浏览器对片断规范(fragmentation )的支持不足。这可能意味着你的页面内容以不同寻常的方式中断。...此外,我们无法控制边距框中的内容,例如 将我们选择的标题添加到每个页面或页码编号,以显示页数。 这些内容是Paged Media规范的一部分,但尚未在任何浏览器中实现。...打印UA将像web浏览器一样使用CSS格式化文档。...一个免费的替代方案是WeasyPrint,它不像上面的工具那么全面,但很有可能已经满足你的需求。它没有完全实现所有分页媒体规范,但是,它实现的比浏览器引擎更多。当然,你可以试试!

2.8K30

习题 5: 更多的变量和打印

# 键入更多的变量并且将它们打印出来。...全部替换快捷键: Ctrl + R 2.试着使用更多的格式化字符。例如 %r 就是是非常有用的一个,它的含义是“不管什么都打印出来”。...格式化字符 描述 %d 有符号整数(十进制) ; %s 调用 str函数打印字符串,str函数返回原始字符串; %r 调用 rper函数打印字符串,repr函数返回的字符串是加上了转义序列,是直接书写的字符串的形式...字符串格式化操作符(%)只适用于字符串类型,非常类似于C 语言里面的printf()函数的字符串格式化,甚至所用的符号都一样,都用百分号(%),并且支持所有printf()式的格式化操作。...试着使用变量将英寸和磅转换成厘米和千克。不要直接键入答案。使用 Python 的计算功能来完成。 使用 Python 的计算功能来完成。

73130

VFP在运行时扩展报表系统,这是报表转换任意格式的秘决

在这一章中,你将学到的有 VFP 9 的report listener 的概念、它是如何在一个报表正在运行的时候接收事件的、以及除了经典的打印和预览之外你可以如何通过建立自己的 listener 来提供不同类型的输出...例如,一个 ReportListener 可以动态地格式化一个字段,于是在某些条件下它打印的是红色的文本,而在另一些条件下它打印的是黑色文本。...只读 PreviewContainer O 对要预览的报表的显示界面的一个对象引用 PrintJobName C 显示在 Windows 打印队列对话框中的打印任务的名称 QuietMode L 若为...Width N 计量单位为960分之1英寸的对象宽度,可用值从0到64000。 MaxHeightAvailable N 当前上可以用来放置该对象的最大空间数量。只读。...表9、ListenerType的各种值时如何影响OutputPage的 ListenerType 输出类型 如何影响OutputPage 0 “一次一”模式,发送到打印机 报表引擎在每一被绘制完后调用一次

97121

H5移动端开发学习总结

再比如以iphone6为例: 设备宽高为375×667,可以理解为设备独立像素(或CSS像素)。 其dpr为2,根据上面的计算公式,其设备物理像素就应该×2,为750×1334。...###屏幕尺寸### 屏幕尺寸:指屏幕的对角线的长度,单位是英寸。...它的值可以按下面的公式计算得到: 设备像素比 = 设备物理像素 / 设备独立像素 计算公式: 1px = (dpr)^2dp; 获得设备像素比后,便可得知设备像素与CSS像素之间的比例。...**DPI:**打印机每英寸可以喷的墨汁点 PPI(pixel per inch):屏幕每英寸的像素数量,即单位英寸内的像素密度 PPI越高,像素数越高,图像越清晰。...但是当屏幕超过一定的尺寸以后还继续显示h5面的话会给用户带来不好的体验。因此,我们需要给页面设置最大的宽度和最小宽度。

96220

CSS文字大小单位px、em、pt(转)

这里引用的是Jorux的“95%的中国网站需要重写CSS”的文章,题目有点吓人,但是确实是现在国内网页制作方面的一些缺陷。我一直也搞不清楚px与em之间的关系和特点,看过以后确实收获很大。...单位pt的说明   在印刷排版中,point是一个绝对值,它等于1/72英寸,可以用尺子丈量的,物理的英寸。但是在css中pt含义却并非如此。...必须先把以 pt 为单位的长度转换为以像素为单位的长度,这个转换的媒介,就是 DPI (事实上,这里的所谓的 DPI,是操作系统和浏览器中使用的术语,即为 PPI, pixels per inch,和扫描仪、打印机...答案是:  9 * 1/72 * 96 * 11.2992 / 1024 = 0.1324 英寸 = 0.3363 厘米。   ...不管显示器的分辨率是多少,打印在纸面上的结果是一样的。   但是网页主要为了屏幕显示,而不是为了打印等其他需要的。而px能够精确地表示元素在屏幕中的位置和大小。   当然。

1.5K20
领券