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

阅读资料新姿势:如何正确打印网页内容为PDF文件

(有时候将资料存在平板上静下心来阅读,才是真正收获开始) 如何正确打印 打印PDF步骤很简单,以Chrome谷歌浏览器为例,我们在页面上直接右键点击打印即可。...其中建议自定义,自己调整下。...去掉遮挡 打印预览时候如果发现每一上方都会有一横杠遮挡住了我们要看内容,怎么办,当然是去掉它 返回当前网页,按下F12或者Ctrl+Shift+I(windows,mac将Ctrl换位cmd...即可)打开调试器: 通过箭头选择(上方发蓝色箭头)要去除部分,然后选中最右方对应html文本,点击键盘上Back键删除即可。...,如下方网页左面一栏作者介绍就没有必要,直接通过F12网调试器选择删除即可 删除之后经过调整就可以直接打印了,在阅读器上阅读自己收集文章吧~

51240
您找到你想要的搜索结果了吗?
是的
没有找到

【云端架构】前端 css print 用法

代码如下: @media print{ /*隐藏不打印元素*/ .no-print{ display:none; } /*其他打印样式*/ } 但是,就打印表单来说,仅解决上述问题是不够,我们无法忍受表单存在打印分页时内容被截断...那么如何解决这些问题呢?这就要使用到css打印样式了,即@page,用来指定页面盒子各个方面。...eg1:尺寸、设置 @page{ size: 5.5in 8.5in; margin: 30px; } 注:这里除了可以用长度值声明尺寸,还可使用纸质尺寸关键字”A4″或“legal”;亦可通过关键字指定页面方向...当margin设置不起作用时检查打印机是否是否设置了默认以外值。...eg2:设置第一、奇数页或偶数页样式(以首页为例) @page :first { /*首页设置*/ } 注:left、right分别为偶数页、奇数页选择器。

2.9K80

前端之HTML和CSS

,也叫内边,如padding:20px;padding是同时设置4个,也可以像border一样拆分成分别设置四个:padding-top、padding-left、padding-right、padding-bottom...margin 设置元素和外界距离,也叫外边,如margin:20px;margin是同时设置4个,也可以像border一样拆分成分别设置四个:margin-top、margin-left、margin-right...*/ padding:20px 40px; /* 设置上下内边为20px,左右内边为40px*/ padding:20px; /* 设置四内边为20px */  设置外间距margin ...表单用于搜集不同类型用户输入,表单由不同类型标签组成,相关标签及属性用法如下: 1、标签 定义整体表单区域 action属性 定义表单数据提交地址 method属性 定义表单提交方式...fixed 生成固定定位元素,元素脱离文档流,不占据文档流位置,可以理解为漂浮在文档流上方,相对于浏览器窗口进行定位。

4.3K30

超详细论文排版秘籍,宜收藏!

很多小伙伴在进行论文排版时,总会遇到各种各样问题,本文就来手把手教大家如何从头开始给自己论文排一个好看版式! 排版思维及页面设置 论文排版顺序和书写顺序不完全相同。...在调整文本之前,一定要先做好页面设置,按照要求设置好纸张大小和,然后进行正文排版。 设置纸张大小和方法如下。...(2)单击【】命令,在下拉列表中设置一个符合标准,或者选择【自定义】命令进行设置。...小贴士 选择【自定义】命令后,会弹出【页面设置】对话框,在【页码范围】下【多】下拉列表中选择【对称】命令。  封面 可以利用表格来制作论文封面。...②删除含有题注图片 / 表格 / 公式(与题注一块删除)后,可以选中当前 图片 / 表格 / 公式或全选文档,然后按【F9】键进行手动更新。 (3)交叉引用。

4.3K10

CSharp每日代码示例:使用iTextSharp创建PDF文件

,第二个构造函数以每边36磅为参数调用调用第三个构造函数。...: 当创建一个文件时,你还可以定义上、下、左、右: Document document = new Document(PageSize.A5, 36, 72, 108, 180); 说明:...当创建一个矩形或设置时,你可能希望知道该用什么度量单位:厘米、英寸或象素,事实上,默认度量系统以排版单位磅为基础得出其他单位近似值,如1英寸=72磅,如果你想在A4面的PDF中创建一个矩形,你需要计算以下数据...如果你修改了页面尺寸,仅仅影响到下一,如果你修改了,则影响到全部,故慎用。...十四、表单写入 读取表单域: 隐藏行号 复制代码 ? 这是一段程序代码。

2.6K10

WordPress 主题教程 #11:宽度和布局

宽度和布局是从零开始创建 WordPress 主题系列教程第十一篇,这篇将介绍如何设置每个 DIV 宽度和布局排版,并且也会展示如何让主题显示正确,并同时在 Firefox 和 IE 下兼容,显示一致...还记得设置左边和右边空白为自动是居中吗?...第7步:给侧边栏增加其余 10 像素 给侧边栏增加其余 10 像素空白。...第8步(额外步骤):修正 IE 双倍 bug Internet Explorer 有个双倍 bug,这样在 IE 下,我们页面就是 20像素,20像素可能会破坏布局并把侧边栏挤到页面的底部...,因为一个20像素使得 Container 和 Sidebar 宽度之和为 760px 而不是 750px。

1.1K20

iframe框架及优缺点

height:规定iframe高度,建议使用CSS替代。 sandbox:启用一系列对iframe中内容额外限制。 marginwidth:定义iframe左侧和右侧。...marginheight:定义iframe顶部和底部。 srcdoc:规定在iframe中显示页面的HTML内容。 align:规定如何根据周围元素来对齐此框架,建议使用样式替代。...加载广告 广告是与原文无关,假如硬编码进去,会造成网页布局紊乱,而且这样势必需要引入额外css和js文件,极大降低了网页安全性,使用iframe便可以解决这些问题。...提交表单 可以使用iframe提交表单来避免整个页面的刷新,还可以实现无刷新文件上传操作。...加载了新页面,增加了css与js文件请求,即额外增加了HTTP请求,增加了服务器负担。 有时iframe由于页面挤占空间原因出现滚动条,造成布局混乱。

3.2K20

《101 Windows Phone 7 Apps》读书笔记-Alphabet Flashcards

课程内容 Ø 幻灯片效果切换     最近有人问我如何来写一个幻灯片应用程序,在这个应用程序中,他们可以在不同页面之间切换,就像在Pictures hub或者Facebook应用程序中浏览一个图片集一样...Item还利用负页面上边来占用那些浪费空间。控件右边48像素空间由以下两个部分组成:占用12像素,下一个页面中左边部分内容占用36像素。...图28.2 页面切换中Panorama背景     如果我们想要在上留较小空间,可以将Panorama设置为“0,0,-48,0”。...Panorama使用Item模板把每个图片嵌入到Grid中去,为了得到如图28.1所示效果,需要留出一些。...因此,应用程序明确将每个ItemHeaderTemplate设置为空,这样就可以避免text block中使用每个URI显示在每个图片上方

85160

20个 CSS 快速提升技巧

大多数项目并不需要这些库包含所有规则,可以通过一条简单规则来应用于布局中所有元素,删除所有的margin、padding改变浏览器默认盒模型。...box-decoration-break 假设您希望对换行到多行长文本行应用统一间距、、突出显示或背景色,但不希望整个段落或标题看起来像一个大块。...Box Decoration Break属性允许您仅对文本应用样式,同时保持填充和完整性。...; -o-box-decoration-break: clone; -webkit-box-decoration-break: clone;} 内联块声明允许将颜色、背景、和填充应用于每行文本...这迫使您为子元素中任何链接编写额外覆盖和样式规则,并且在使用像WordPress这样CMS时,可能会导致您主链接样式比按钮文本颜色更容易出现问题。

3.2K20

【ABAP】如何动态调整SMARTFORMS窗口位置?(附案例演示)

前言 在SAP SMARTFORMS(智能表单) 设计过程中,我们可能会遇到这种需求:有没有办法能够动态调整我窗口位置?...本文笔者将带领大家一起来学习一下如何在SMARTFORMS中通过增加ABAP代码来实现这个功能。...,在后面的ABAP代码中,我们将使用TDWINDOW字段作为WHERE子句中限制条件 ---- 如何确定ABAP代码位置?...中有三处地方可以进行代码编写,它们分别是全局定义中初始化签和格式化程序签以及程序行控件 代码位置 作用 初始化签 用于数据全局初始化,在打印输出前进行调用 格式化程序签 用于子例程FORM编写...在这里我们定义了一个表格接口PIV_WTOP用于控制打印预览时主窗口上边,并且还在主窗口下创建了一个模板,模板上边与主窗口一致并且边框设置为了实线,以便于观察,如下图所示: PS: 关于窗口各个详细字段信息

42950

如何提升你CSS技能,掌握这20个css技巧即可

大多数项目并不需要这些库包含所有规则,可以通过一条简单规则来应用于布局中所有元素,删除所有的margin、padding改变浏览器默认盒模型。...box-decoration-break 假设您希望对换行到多行长文本行应用统一间距、、突出显示或背景色,但不希望整个段落或标题看起来像一个大块。...Box Decoration Break属性允许您仅对文本应用样式,同时保持填充和完整性。...clone; -o-box-decoration-break: clone; -webkit-box-decoration-break: clone; } 内联块声明允许将颜色、背景、和填充应用于每行文本...这迫使您为子元素中任何链接编写额外覆盖和样式规则,并且在使用像WordPress这样CMS时,可能会导致您主链接样式比按钮文本颜色更容易出现问题。

5K20

最全总结 | 聊聊 Python 办公自动化之 Word(中)

前言 上一篇文章,对 Word 写入数据一些常见操作进行了总结 相比写入数据,读取数据同样很实用! 本篇文章,将谈谈如何全面读取一个 Word 文档中数据,并会指出一些要注意点 2....基本信息 我们同样使用 python-docx 这个依赖库来对 Word 文档进行读取 首先我们来读取文档基本信息 它们分别是:章节、、页眉页脚、页面宽高、页面方向等 在获取文档基础信息之前...msg_sections = self.doc.sections print("章节列表:", msg_sections) # 章节数目 print('章节数目:', len(msg_sections)) 2 - ...def get_page_margin(section): """ 获取某个页面的(EMU) :param section: :return: """..., section.bottom_margin return left, top, right, bottom # 2、信息 first_section = msg_sections[0

2K20

Java后端:html转pdf实战笔记

–cookie 设置一个额外cookie(可重复) –cookie-jar 读取和写入Cookie,并在提供cookie jar文件 –copies 复印打印成pdf文件数(默认为1) –cover...–forms* 打开HTML表单字段转换为PDF表单域 –grayscale PDF格式将在灰阶产生 –help Display help –htmldoc 输出程序HTML帮助 –ignore-load-errors...有用缩小结果文档空间 –manpage 输出程序手册页 –margin-bottom 设置页面下边 (default 10mm) –margin-left 将左边 (default 10mm)...(默认为4) 页脚和页眉 * [page] 由当前正在打印数目代替 * [frompage] 由要打印第一数量取代 * [topage] 由最后一要打印数量取代 * [webpage]...● 可以针对pdf设置样式(字体、页面、等等),大家可以可以参考参数设置进行调整5、预览效果通过url方式生成pdf预览效果如下大家如果使用过程中遇到问题可以互相沟通交流!

1.4K60

倾力打造首款三栏主题模板-看点资讯「ViewLee」

所以我们今天主角就是“看点资讯”主题模板(ViewLee)也是我做搭建首款三栏主题:演示站 更新说明:2020/11/18 --优化侧栏。...优化文章标签多余字符。 -- 优化php格式代码。 更新说明:2020/08/11 -- 优化搜索无结果时友好提示。...V、适配左右侧栏顶部间距。 更新说明:(09/11) V、新增标签聚合页面,设置方法,页面管理---新建---右侧设置模板选择“tags”。标题,内容自拟。...2.任意文章随意评论下(生成缓存数据),评论不想要删除。 然后回到首页刷新即可。 采用缓存机制可以减少数据库请求次数,加快网站打开速度。...所以无法显示,按照以上方法操作之后即可正常显示。

70510

2019年底前web前端面试题初级-web标准应付HR大多面试问题

元素高度,宽度,行高,顶部和底部不可以设置。 元素宽度就是它包含图片,文字宽度,不可改变。...元素高度,宽度,行高顶部和底部都是可以设置。...: IE默认:10px FF默认为:8px 清除: body{ margin: 0; padding: 0; } 段间距: IE默认值为19px,FF默认值为1.12em 清除段间距...required 必需在提交之前填写字段 spellcheck 拼写检查,为input,textarea等元素新增属性 formenctype 规定在发送到服务器之前应该如何表单数据进行编码...splice()方法是修改数组方法,可以从指定索引开始删除若干元素,然后从位置添加,几个元素,可以只删除,不添加。

2.4K50

译|CSS中间距,前端开发中各种设置间距优点缺点及实例

此外,CSS Tricks还在底部和顶部之间进行了投票。61%开发者更喜欢 margin-bottom 而不是 margin-top。...请在下面查看如何解决此问题: .element:not(:last-child) { margin-bottom: 1rem; } 使用 :not CSS选择器,您可以轻松地删除最后一个子元素...如果一个 后面有一个标题,例如“Types of Spacing”,那么 margin-bottom 将被忽略。你猜到了,那是因为折叠。...你是否曾经考虑过将与具有不同 writing-mode 元素一起使用时应如何表现?考虑以下示例。 ?...结果表明,基于 writing-mode 工作得非常好。 我认为这些用例就足够了。让我们继续一些有趣概念! 组件封装 大型设计系统包含许多组件。向其直接添加是否合乎逻辑?

11.9K10
领券