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

打印html时每页边距大小更改(IE 8-11)

在IE 8-11浏览器中,要更改打印HTML时每页边距大小,可以通过CSS样式来实现。具体步骤如下:

  1. 创建一个用于打印的CSS样式表,可以在HTML文件的头部添加以下代码:<style media="print"> @page { margin: 2cm; /* 设置页边距大小,这里以2cm为例 */ } </style>
  2. 在需要打印的HTML元素上应用该样式,可以通过class或id来选择元素并添加样式,例如:<div class="print-content"> <!-- 打印内容 --> </div>
  3. 在CSS样式表中定义打印内容的样式,例如:<style> .print-content { /* 元素样式 */ } </style>

这样,在打印时,IE 8-11浏览器会根据设置的页边距大小来调整打印页面的布局。

推荐的腾讯云相关产品:腾讯云服务器(CVM)

腾讯云服务器(CVM)是腾讯云提供的一种弹性计算服务,可满足各种规模业务的需求。通过腾讯云服务器,您可以轻松创建、部署和管理云服务器实例,并根据业务需求灵活调整计算资源。腾讯云服务器支持多种操作系统和应用环境,提供高性能、高可靠性和高安全性的计算能力,适用于网站托管、应用程序部署、数据存储、游戏服务等各种场景。

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

相关·内容

盒子模型(CSS重点)

所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子,也就是一个盛装内容的容器。每个矩形都由元素的内容、内边(padding)、边框(border)和外边(margin)组成。...四样式 四颜色; 表格的细线边框 以前学过的html表格边框很粗,这里只需要CSS一句话就可以美观起来。...auto 就阔以了 */ 插入图片 我们用的最多 比如产品展示类 背景图片我们一般用于小图标背景 或者 超大背景图片 section img { width: 200px;/* 插入图片更改大小...内边,在ie6等低版本浏览器也会有问题。 我们尽量不要给行内元素指定上下的内外边就好了。 content宽度和高度 使用宽度属性width和高度属性height可以对盒子的大小进行控制。...2、计算盒子模型的总高度,还应考虑上下两个盒子垂直外边合并的情况。 3、如果一个盒子没有给定宽度/高度或者继承父亲的宽度/高度,则padding 不会影响本盒子大小

1.6K10

【基础巩固】- 带你搞懂CSS盒模型

其实所有HTML元素都可以看作盒子,而我们平时就是盒子的搬运工。 介绍标准模型和IE模型,以及他们的区别 它俩的区别就一个,计算宽度(高度)的方式不一样。...成功将宽度打印了出来。 如此之外还有三个api可以使用: dom.currentStyle.width/height 取到的是最终渲染后的宽和高,只有IE支持此属性。...IE9以上支持,除此外还可以取到相对于视窗的上下左右的距离。 根据盒模型解释重叠 当两个外边相遇,他们将形成一个外边,合并后的外边高度等于两个发生合并的外边的高度中的较大者。...BFC(重叠解决方案,还有IFC)解决重叠 有些时候我们不希望他发生重叠,我们采用BFC和IFC来解决。 先普及一下概念,FC就是Fomatting Context。...可以看到3的下边与4是发生了重叠的,这是因为它不具有BFC,就如同之前一样,会发生重叠最终合并成较大的那一个。

73320
  • WEB 打印的相关技术分析

    当的页面生成,还应适当考虑使用CSS 来实现强制分页控制。 优点:可以生成内容非常的丰富的打印目标文档,目标文档的内容的可控性强。...由于打印 内容是从数据库中获取的,所以生成操作相对简单; 缺点:服务器端负载比较大; (二)、页面设置 页面设置主要是指设置打印文档的页、页眉、页脚、纸张等内容。...页面设置将直接影响到打印文档版面的生成效果,所以它和打印文档的生成有着密切的关系。比如:表格的 行数、大小、位置、字体的大小等。...打印模板可以控制页、页眉、页脚、奇偶页等内容,并可以将用户的设置取得,还可以将设置发送到服务器端。 打印模板技术可以自定预览窗口和打印格式,最大限度地影响目标文档和打印效果。...HTML 源中的预览控制 document.write("<object ID='WebBrowser' WIDTH=0 HEIGHT=0

    2.3K20

    前端入门学习--CSS

    绝对大小: 设置一个指定大小的文本 不允许用户在所有浏览器中改变字体大小 确定了输出的物理尺寸绝对大小很有用 相对大小: 相对于周围的元素来设置大小 允许用户在浏览器中改变文字大小...要知道,完全大小的元素,还必须添加填充,边框和 div { width: 300px; border: 25px solid green; padding: 25px;...也就是,不要给元素添加具有指定宽度的内边,而是尝试将内边或外边添加到元素的父元素和子元素。 IE8 及更早IE版本不支持设置填充的宽度和边框的宽度属性。...DOCTYPE 指定 IE8 支持 outline 属性。 CSS Margin(外边) 外边属性定义元素周围的空间。...Margin - 单边外边属性 在CSS中,它可以指定不同的侧面不同的: <!

    27.7K20

    横向双倍外边BUG — IE6盒模型

    HTML5学堂:2015年,IE6已经黯然退市。不过,IE6的兼容问题,个人认为还是应当有所了解的。一方面,前端这个工作,并不能够仅仅了解现在,应当有一个较好的知识沉淀。...另一方面,我们几个讲师一直将IE6作为辅助测试的工具-如果子级盒模型大小超出了父级大小,那么在IE6下必然是崩溃的。...对于这种低级错误,虽然其他浏览器都能够处理和调整,但是却绝不是一个专业开发人员会犯的~ margin双倍间距bug IE6存在不少的兼容问题,今天要说的是IE6的横向双倍外边。...此时用IE6查看网页,就会发现,设置的横向的变成了双倍。 例子:元素向左浮动并且设置了左侧的外边出现了这样的双边bug。同理,元素向右浮动并且设置右边也会出现同样的情况。...欢迎沟通交流~HTML5学堂

    67830

    Web打印组件jatoolsPrinter

    基于web的套打,难度在于要将浏览器中呈现的html,精确地打印到票据中,而且能够实现对分页位置的控制。下面就ie浏览器所能采用的套打解决方案,来个汇总分析,希望对大家有所帮助。...,让你无后顾之忧 稳定可靠,启动速度远胜同类产品 常用功能集于一身,简约而不简单,软件大小只有84k 本文主要介绍jatoolsPrinter打印控件来完成web的打印功能,这个控件已经把打印功能封装的非常好...控件在打印指定div对象,如果纸张太小不够打印,超出部分将被截掉(clip)。 2. 被指定的div中的内容,可以是html任何可见对象,图片,flash,或文本等等。 3....控件打印可设,不设则取打印机默认值。...指定的div会被打印,没被指定的html元素将不会被打印,比如,本示例中的‘打印’按钮,不会被打印。 7. copyrights属性是版权信息,必须写。

    6.6K90

    Web前端最全面试宝典- CSS篇

    这种合并外边的方式被称为折叠,并且因而所结合成的外边称为折叠外边。 折叠结果遵循下列计算规则: 1)两个相邻的外边都是正数,折叠结果是它们两者之间较大的值。...2)两个相邻的外边都是负数,折叠结果是两者绝对值的较大值。 3)两个外边一正一负,折叠结果是两者的相加的和。 7. Sass、LESS是什么?大家为什么要使用他们? 他们是CSS预处理器。..., padding-bottom, margin-top, margin-bottom不会产生效果。...3)IE6双bug:块属性标签float后,又有横行的margin情况下,在ie6显示margin比设置的大。...假设你现在正用一台显示设备来阅读这篇文章,同时你也想把它投影到屏幕上,或者打印出来, 而显示设备、屏幕投影和打印等这些媒介都有自己的特点,CSS就是为文档提供在不同媒介上展示的适配方法 当媒体查询为真

    1.1K10

    css多浏览常见问题

    important; /* IE7+FF */ width: 80px; /* IE6 */ } 2, IE6/IE77对FireFox *+html 与 *htmlIE...,inline两个元素,Block元素的特点是:总是在新行上开始,高度,宽度,行高,都可以控制(块元素);Inline元素的特点是:和其他元素在同一行上,...不可控制(内嵌元素); #box{...4、CSS用于文档打印 许多网站上都有一个针对打印的版本,但实际上这并不需要,因为可以用CSS来设定打印风格。...要想了解更多,可以看“打印差异”这一篇。 5、图片替换技巧 一般都建议用标准的HTML来显示文字,而不要使用图片,这样不但快,也更具可读性。但如果你想用一些特殊字体,就只能用图片了。...当然,有时候定位的方法而不是的方法更好些。 10、直通到屏幕底部的背景色 在垂直方向是进行控制是CSS所不能的。

    1.1K30

    盒模型和box-sizing

    标准盒模型(w3c标准) 所有HTML元素可以看作盒子,在CSS中,”box model”这一术语是用来设计和布局使用。...CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:,边框,填充,和实际内容。 在标准盒模型中,width 和 height 指的是内容区域的宽度和高度。...margin可以改变盒子占位的大小,但是盒子的宽高并没有改变,而是位置的改变!...不幸的是,IE5.X 和 6 在怪异模式中使用自己的非标准模型。这些浏览器的 width 属性不是内容的宽度,而是内容、内边和边框的宽度的总和。...这可令浏览器呈现出带有指定宽度和高度的框,并把边框和内边放入框中。 box-sizing类似于ie盒模型,它会把内边和边框包含在width内。

    77120

    JavaScript DOM元素尺寸和位置

    如果本身设置大小,它会返回元素的大小,如果本身没有设置,非IE浏览器会返回默认的大小IE浏览器返回auto。...,为184; 4.增加内边,最终值等于原本大小加上内边大小,为220; PS:如果说没有设置任何CSS的宽和高度,那么非IE浏览器会算上滚动条和内边的计算后的大小,而IE浏览器则返回0。...) IE、Chrome和Safari浏览器会忽略边框大小,200 x 200 c) IE浏览器只显示它本来内容的高度,200 x 18 2.增加内边,最终值会等于原本大小加上内边大小,220 x 220...如果四条宽度不同的话,可以直接通过计算后的样式获取,或者采用以上三组获取元素大小的减法求得。 2.offsetLeft和offsetTop 这组属性可以获取当前元素相对于父元素的位置。...box.offsetParent;//得到父元素 PS:offsetParent中,如果本身父元素是,非IE返回body对象,IE返回html对象。

    2.8K70

    CSS入门?一篇就够了!

    (宽高、边框样式、等)以及版面的布局等外观显示样式。...其基本语法格式如下: * { 属性1:属性值1; 属性2:属性值2; 属性3:属性值3; } 例如下面的代码,使用通配符选择器定义CSS样式,清除所有HTML标记的默认。...四样式 四颜色; 表格的细线边框 以前学过的html表格边框很粗,这里只需要CSS一句话就可以美观起来。...改为 auto 就阔以了 */ 插入图片 我们用的最多 比如产品展示类 背景图片我们一般用于小图标背景 或者 超大背景图片 section img { width: 200px;/* 插入图片更改大小...2、计算盒子模型的总高度,还应考虑上下两个盒子垂直外边合并的情况。 3、如果一个盒子没有给定宽度/高度或者继承父亲的宽度/高度,则padding 不会影响本盒子大小

    5.2K20

    网页布局基础

    由块级元素(块级元素特点:从左到右撑满页面,独占一行,触碰到页面边缘,会自动换行)和行级元素(块级元素特点: 在同一行内显示,不会改变HTML文档结构 )组成。...倡导的是结构、样式、行为分离 3.盒模型(Box Model) 所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局使用。...元素的宽度和高度: 重要: 当你指定一个CSS元素的宽度和高度属性,你只是设置内容区域的宽度和高度。要知道,完全大小的元素,你还必须添加填充(padding),边框(border)和。....没有DOCTYPE的情况下使用怪异模式,IE也使用“IE盒模型”。在HTML页面声明 ,浏览器就会选择标准 w3c 盒子模型来呈现内容了。...aotu 会根据浏览器的宽度自动的设置两的外边

    1.8K20

    CSS 实用手册

    px 像素 1024px * 768px (7). em 倍数,1em 相当于父元素默认大小 (8). rem 相对于根元素(html)设置的字体大小来指定倍数 5....特殊注意,为行内元素增加上下内边,只影响自己,并不影响其他元素 (3). box-sizing 重新指盒模型尺寸大小 占地宽度 = margin+border+padding+width 可见宽度...等比缩小,取值 越大,容器大小改变,缩小的越严重 注意:取值为 0,即不缩小 ④. flex-basis 指定项目占据主轴的剩余空间大小,取值为数字 A. auto 为默认 即项目本身大小 B. length...*前缀:IE6,比如*html ②. *+前缀:IE7,比如*+html (4)....HTML 头部引用 Hack,即为 IE 条件注释,通过 html 的条件注释来判断浏览器版本,去执行不同的 CSS 语法: ①.

    2.7K10

    css负之详解

    正是因为没有很好地了解负才是导致各种奇怪的问题。只有在被用来解决其他地方的bug的时候才是hack 它符合正常的文档流 当负使用在没有浮动的元素上并不会破坏正常的文档流。...它是相当好的兼容性 负基本上被所有现代的浏览器支持(IE6的大部分情况也是) 当使用了float之后,会有不同的表现 负不是你平常使用的属性,所以使用的时候要格外小心。...当一个static元素在top/left使用负,它把元素向这个特定的方向拉,比如 /* Moves the element 10px upwards */#mydiv1 {margin-top:-...10px;} 但是当你将负设置为相对bottom/right,它并不会把元素向下或右拉,相反,它会把后面的元素往里面拉,从而覆盖自己。...在这里margin的作用相当于padding 在浮动中使用负 加入下面就是我们的html代码: FirstSecond

    1.8K80

    【CSS】309- 复习 CSS盒模型

    点击上方“前端自习课”关注,学习起来~ 一、概念 CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:外边(margin)、边框(border)、内边(padding)、实际内容(content...IE9 以上支持,除此外还可以取到相对于视窗的上下左右的距离。 (6)dom.offsetWidth/offsetHeight 包括高度(宽度)、内边和边框,不包括外边。最常用,兼容性最好。...2.4 实例题(根据盒模型解释重叠) 例:父元素里面嵌套了一个子元素,已知子元素的高度是 100px,子元素与父元素的上边是 10px,计算父元素的实际高度。 ?...2.5 BFC(重叠解决方案) 2.5.1 BFC基本概念 BFC: 块级格式化上下文 BFC基本概念:BFC 是 CSS 布局的一个概念,是一块独立的渲染区域,是一个环境,里面的元素不会影响到外部的元素...父子元素和兄弟元素重叠,重叠原则取最大值。空元素的重叠是取 margin 与 padding 的最大值。

    1.5K30

    css负之详解

    正是因为没有很好地了解负才是导致各种奇怪的问题。只有在被用来解决其他地方的bug的时候才是hack 它符合正常的文档流 当负使用在没有浮动的元素上并不会破坏正常的文档流。...它是相当好的兼容性 负基本上被所有现代的浏览器支持(IE6的大部分情况也是) 当使用了float之后,会有不同的表现 负不是你平常使用的属性,所以使用的时候要格外小心。...当一个static元素在top/left使用负,它把元素向这个特定的方向拉,比如 /* Moves the element 10px upwards */#mydiv1 {margin-top:-...10px;} 但是当你将负设置为相对bottom/right,它并不会把元素向下或右拉,相反,它会把后面的元素往里面拉,从而覆盖自己。...在这里margin的作用相当于padding 在浮动中使用负 加入下面就是我们的html代码: First Second

    2.2K40

    「学习笔记」CSS基础

    HTML的局限性」 HTML满足不了设计者的需求,可以将网页结构与样式相分离,这样就可以在不更改网页结构的前提下,更换网站的样式。...作用 主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)\图片的外形(宽高、边框样式、等)以及版面的布局和外观显示样式。...注意:会匹配页面所有的元素,降低页面响应速度,不建议随便使用 * { 属性1:属性值1; 属性2:属性值2; 属性3:属性值3; } 例如下面代码,使用通配符选择器定义CSS样式,清除所有HTML标记的默认...:内容的宽度和高度 + 内边 + 边框 IE盒子模型 IE 盒子模型的 content 部分包含了 border 和 pading 当设置为box-sizing: border-box,将采用怪异模式解析计算...」,可能会出现外边的合并。

    3.2K30

    CSS 面试要点:盒模型

    由于 IE 盒模型的怪异模式,IE 模型和标准模型的内容计算方式不同。...(dom).width/height 取得最终渲染后的宽高 dom.getBoundClientRect().width/height 取得最终渲染后的宽高,还可以取得相对于视窗的上下左右的距离 # 重叠...两个垂直外边相遇,会发生折叠,合并后的外边高度等于两折叠外边中最高的那个。...# 使用 BFC 解决重叠问题 块格式化上下文(Block Formatting Context,BFC) (opens new window) 是 Web 页面的可视 CSS 渲染的一部分,是块级盒子的布局过程发生的区域...# BFC 渲染规则 BFC 元素垂直方向的会发生重叠,属于不同 BFC 外边不会发生重叠 BFC 的区域不会与浮动元素的布局重叠 BFC元素是一个独立的容器,外面的元素不会影响里面的元素,里面的元素也不会影响外面的元素

    56560
    领券