相关疑难解决方法(0)
在打印预览模式下使用Chrome的Element Inspector？
我正在开发一个网站,需要处理打印视图.通常,当我遇到布局问题时,我会使用Chrome的Element Inspector.但是,这在打印预览模式下不存在.
是否有Chrome插件或其他方式来更改Chrome本身的查看媒体,以打印机的形式查看页面？我认为它没有特定于Chrome的解决方案,但这是我的主要浏览器,所以拥有一个浏览器内的解决方案会很不错.
现在我只专注于打印预览媒体,但是能够更改为任何支持的媒体类型(即所有/盲文/浮雕/手持/打印/投影/屏幕/语音/ tty /)是理想的电视).
google-chrome print-preview web-inspector google-chrome-devtools
推荐指数
解决办法
查看次数
以横向格式打印
可能重复:
从HTML横向打印
我使用下面的代码显示按钮单击时的打印窗口:
function print_onclick() {
window.print();
return false;
}
我希望页面以横向格式打印.我可以在上面的代码中添加任何属性以使其工作吗？
附加信息:由于我的页面宽度为1280像素,当我以纵向打印在A4纸上时,字体变得太小.我想只打印2行.如果不是风景,有没有办法在打印时修复那些表格单元格/ div的字体大小？
推荐指数
解决办法
查看次数
@Page {size:landscape}是否已过时？
CSS规则
@page {size: landscape;}
应该强制浏览器以横向模式打印页面.许多关于stackoverflow,许多其他编程站点以及O'Reilly的HTML/XTHML The Definitive Guide,Fifth Edition等参考书中的问题都提到了这个规则.
我试图使用这个CSS规则,对内联样式和链接样式表进行许多不同的格式调整,指定媒体而不是指定媒体,使用IE8,Chrome 7.0和Firefox 3.6.我已经尝试打印到Xerox Phaser 8560和Adobe PDF打印驱动程序.我的所有测试都是在Windows Vista Ultimate 64位上完成的.
我从来没有看到这个CSS规则实际工作,即我从未见过任何尝试的页面打印横向.不可否认,我没有对此进行过彻底的质量保证,因为我只尝试了2个打印机驱动程序和一个操作系统.
您是否真的看到此规则适用于浏览器,操作系统和打印机配置？在关于该主题的其他问题中有一些提及该规则未得到广泛支持.因为我根本无法让它在我的开发机器上工作,所以我想知道它什么时候,如果有的话,它是否有效？有助于了解已知有效的浏览器,操作系统和打印机组合,或确认这是浪费时间.
推荐指数
解决办法
查看次数
打印非常宽的HTML表而不剪裁右侧
我有一个包含多个列的表.
具体问题
打印此类表时,右侧的列将无法打印,即使以横向打印也不会打印.
期望的行为
浏览器应打印整个表格,必要时使用多张表格.CSS/JavaScript解决方案是可以接受的.
最简单的代码需要重现问题
单击以下演示中的打印按钮.在打印预览窗口中查看页面的右侧.
$(function() {
$("input:first").click(function() {
window.print();
});
$(".description").each(function() {
var text = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla placerat malesuada sodales. Nulla convallis neque lorem, ac varius enim. Ut dapibus, orci at feugiat eleifend, dui mi lobortis tortor, ac egestas neque enim et neque. Donec tempus mi quis tellus dapibus eu blandit magna sagittis. Curabitur ac ultrices tortor. Aliquam id tincidunt urna. Nunc id neque ac urna congue convallis. Etiam eget …推荐指数
解决办法
查看次数
如何在网页中打印图像,以适合纸张尺寸(A3,A4,A5等)？
我目前正在使用IE9和媒体查询,我没有必要在其他浏览器上使用它.
我尝试使用一组规则,如:
@page {
size: auto;
margin: 10mm 10mm 10mm 10mm;
}
// ...符合所有A格式(A0,A1,A2等)的毫米数的规则,包括边距和公差
/* A4 210x297 mm */
@media print and (min-height: 266mm) and (max-height: 288mm) and
(min-width: 179mm) and (max-width: 201mm) {
.img_port {
height: 267mm !important;
}
}
// ...
它似乎工作但它不可靠,因为传递给CSS的大小高度和宽度值似乎依赖于打印机,即使总是选择A4格式.
我想问的是,是否有任何其他可能的方法来获得相同的结果(根据纸张尺寸在一页上拟合图像).
先感谢您.
推荐指数
解决办法
查看次数
在FireFox和IE 8中打印横向或纵向
目前我正在使用FireFox最新版本和IE8
为了改变印刷的方向,我使用了
@page {
size: portrait;
}
在我的css文件中. @page参考
虽然它声称两个浏览器都支持@page,但在我测试之后它除了Chrome之外根本不起作用.我想知道如何在FireFox/IE8中以不同的方向打印页面.
推荐指数
解决办法
查看次数
如何定义CSS类以横向模式设置打印页面？
我创建了一个CSS样式表,它可以使用以下@media规则以横向模式打印HTML页面:
@media print{
@page {size: landscape;}
}
我不想打印所有在横向模式下加载此样式表的HTML页面.理想情况下,我希望能够指定一个可以做到这一点的景观类.
在生成HTML时,我总是可以创建一个单独的landscape.css文件,并根据需要将其附加到标题中,但我希望有一种更简洁的方法可以用类来完成.
作为后续行动,我也尝试了以下但没有运气:
@page rotated {
size: landscape;
}
@media print{
.rotate {
page: rotated;
}
}
我可能只是为了一个只能在基于webkit的浏览器中工作的解决方案而挨墙.@page大小:横向设置似乎不适用于Firefox或(惊喜,惊喜)ie10.
推荐指数
解决办法
查看次数
如何将PrimeFaces p:dataTable转换为标准h:dataTable(无皮肤),然后打印出来
我想打印一个<p:dataTable>,所以我使用<p:printer>,但我想跳过打印皮肤,让它看起来像一个<h:dataTable>.我怎样才能做到这一点？
此外,是否可以更改打印的纸张方向？我想把它打印成横向而不是肖像.
<h:outputLink id="lnk" value="#">
<p:printer target="tbl" />
<p:graphicImage value="http://www.primefaces.org/showcase/images/print.png" />
</h:outputLink>
我没有在<p:printer>标签中找到任何合适的属性.
更新:对不起,没关系,<p:printer>也可以使用<h:dataTable>,所以你也可以只回答第二个问题.
推荐指数
解决办法
查看次数
如何在横向打印HTML？
这个问题已经被提出并得到了回答,但是受到大力支持的答案都得到了回答:
- 没有解释如何做到这一点
- 不起作用
当然,原因是已接受的答案1已被弃用2.并且W3C没有提出任何标准替代品.这让我有一个问题,因为我有实际需要完成的事情.
如何告诉浏览器在横向打印内容？
不起作用的示例
我把一个包含我能找到的每一片口香糖的例子拼凑在一起.
<!DOCTYPE html>
<HEAD>
<STYLE type="text/css">
/* https://stackoverflow.com/a/1392794/12597 */
@page
{
size: landscape;
}
/* http://www.devx.com/tips/Tip/32962 */
@media print{
@page {
size: landscape
}
}
/* https://stackoverflow.com/a/16655216/12597 */
@media print{
.class-name{
@page{
size:landscape;
}
}
}
</STYLE>
<!--https://stackoverflow.com/a/13684191/12597 -->
<STYLE type="text/css" media="print">
@page { size: landscape; }
</STYLE>
</HEAD>
<BODY>
Hello, landscape.
</BODY>
</HTML>谁能想出一些有用的东西？
假设Chrome,IE11或Edge.
背景
当然,我这样做的原因是我需要打印景观.在我的特定情况下,我将使用HTML中提供的丰富标记和布局服务在8.5x11"三孔纸上打印:
我想垂直向下走,除了意味着必须让文字,图像和布局在页面上是水平的:
奖金阅读
推荐指数
解决办法
查看次数
IE8的风景印刷
我从HTML中读过横向打印,但我的问题更具体.在我承认失败并考虑不同的职业生涯之前,我想我会在这里发帖.
这是我的情况:
我正在用HTML编写时间表显示和打印程序.用户单击各种选项,如房间,日期等.然后进行AJAX调用,以获取数据,并使用Javascript绝对定位时间表块.时间表的宽度大于时间表的高度.因此,我需要在横向打印,以便最大化页面上的大小.
首先,@media print{@page {size: landscape}}在任何情况下,普通都不行,我试过了.
这有点工作:
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);.
我已经尝试将CSS ImageTransform应用于HTML或BODY元素中的任何一个,结果不同.
应用于HTML元素时,似乎页面呈现为纵向(这是我组织中用户的默认设置),然后旋转90度.显然这对我没有帮助.
当应用于BODY元素时,一切都有效,除了相对或绝对定位的元素(仍然显示为肖像).我不能放弃绝对定位,不从头开始重写,这是我没有的奢侈品.
我该怎么办？
推荐指数
解决办法
查看次数