html打印在一页面布局,html – CSS打印布局

我被卡住了,SO档案没有帮助我.也许我在错误的地方看.这是一个简短的故事：

>我有一个看法,我需要打印在一个完整的页面.我不能有第二页,我需要它在页面上尽可能大.

>解决方案必须具有合理的跨浏览器兼容性(IE9,Safari,Chrome,FF).

>我已经有一个PDF解决方案,但是我也需要一个简单的香草打印解决方案.

>该页面是使用Bootstrap构建的,但是我已经覆盖了Print的大部分类.

HTML页面的结构如下.我删除了一些内联CSS,以定制一些这样的信息.

@media print {

html, body {

margin: 0;

padding: 0;

background: #FFF;

font-size: 9.5pt;

}

.container, .container div {

width: 100%;

margin: 0;

padding: 0;

}

.template { overflow: hidden; }

img { width: 100%; }

}

[PLAIN TEXT IN HERE, POSITION:ABSOLUTE OVER THE IMAGE]

我意识到这里有一些不好的形式来包括在线CSS,但是由于各种原因,它必须重写一堆其他的CSS.我可以把它拉回来,但它的要点就是这样.当我打印时,我会看到正确的东西,再加上一个额外的第二页.当我缩小图像时,一切都可以,但是我需要图像来填充DIV.

我认为设置宽度为100％是问题,但我确保图像宽高比小于页面(即使有任何边距).基本上,全宽度的图像不应该导致分页符.我做错了什么我需要改变什么？任何帮助是赞赏…

html打印在一页面布局,html – CSS打印布局 – 单页打印相关推荐

js一键批量打印_web页面的单页打印以及批量打印实现方法
本文主要和大家分享web页面的单页打印以及批量打印实现方法,希望能帮助到大家. 打印事件:window.print() 1.单页打印(布局打印):function printCnt(){ //1.获取 ...
web页面单页打印以及批量打印
打印事件:window.print() 1.单页打印(布局打印): function printCnt(){//1.获取当前页的html代码 var body = window.document.bo ...
批量打印html文档,web页面的单页打印以及批量打印实现方法
打印事件:window.print() 1.单页打印(布局打印): function printCnt(){ //1.获取当前页的html代码 var body = window.document.b ...
html批量打印,web页面的单页打印以及批量打印实现方法
打印事件:window.print() 1.单页打印(布局打印): function printCnt(){ //1.获取当前页的html代码 var body = window.document.b ...
pdf合并页面怎么弄？如何把单页pdf合并到一起？
pdf合并页面怎么弄?如何把单页pdf合并到一起?有时候我们需要把多个pdf合并成一个pdf,但是还有些小伙伴不知道怎么合并,下面给大家分享一个超级简单的把多个pdf合并成一个pdf的方法: 搜索一下 ...
html中表格布局还是div布局,表格布局和css div布局
请简单说明表格布局网页和DIV+CSS布局网页的不同之处? 请简单说明表格布局网页和DIV+CSS布局网页的不同之处? div+css布局和表格框架式布局的优缺点各是什么?如题,越详细越好 TABLE ...
css弹性布局自动换行怎么实现,网页设计常用布局之CSS弹性布局
#网页设计#在网页设计中内容的排版和布局往往是整个设计工作的重点和难点,如果能熟练掌握CSS弹性布局的话,无论是页面的整体设计还是局部内容的布局,都能起到事半功倍的效果.尤其是对非专业的或刚开始从事前 ...
css 上下布局 flex,Css Flex布局
Flex布局是Css3中新加入的额外布局系统. 传统布局基于盒模型,依赖"display"."position"."float"属性,对于特 ...
css中如何实现帧布局_浅谈web前端中的表格布局与CSS盒子布局
在web前端设计排版时我们可能会用到表格布局和div+CSS布局,但现在主要使用后者,为何?今天我们来谈一谈两者之间的发展和原理. 话不多说下面来干货发展过程上个世纪Web开发人员流行使用表格进行 ...

html打印在一页面布局,html – CSS打印布局 – 单页打印

html打印在一页面布局,html – CSS打印布局 – 单页打印相关推荐

最新文章

热门文章