当用户选择"打印"时,如何在横向打印HTML页面？
当用户选择"打印"时，要在横向打印HTML页面，可以使用CSS样式来实现。以下是一个简单的示例代码：
<!DOCTYPE html>
<html>
<head>
<style>
@media print {
@page {
size: landscape;
}
}
</style>
</head>
<body>
<h1>横向打印HTML页面示例</h1>
<p>这是一个简单的示例，演示如何在横向打印HTML页面。</p>
<button onclick="window.print()">打印页面</button>
</body>
</html>在这个示例中，我们使用了CSS的@media查询来指定打印时的样式。在@page规则中，我们设置了size属性为landscape，表示页面将以横向方向打印。当用户点击"打印页面"按钮时，浏览器将打开打印预览窗口，并应用我们在@media查询中定义的样式。
需要注意的是，这个示例只是一个简单的演示，实际应用中可能需要根据具体需求进行更详细的样式调整和优化。
相关·内容
1回答
如何在横向模式下打印PDF
、、、、
我使用TCPDF生成PDF格式的HTML表。我在TCPDF中以横向模式创建页面：
$pdf->AddPage("L");
当我打开PDF时，它是OK的。
但是当我打印它的时候，我得到了一张肖像模式的照片。在制作[Ctrl]+[P]时，如何才能在不使用打印模式窗口的情况下，在横向模式下强制创建一个impression？
浏览 2提问于2015-02-11得票数 2
有没有办法在使用WPF XPS查看器打印XPS时设置默认布局方向？
我的固定文档XPS的页面方向设置为横向，页面媒体大小的宽度大于其高度，并且在查看器中正确显示为横向。只是当你点击打印按钮时，打印对话框首选项被默认为肖像，它就会这样打印。
我不想改变用户的默认打印设置，我更希望XPS查看器可以打印XPS，因为它是设计用于打印的。
浏览 19提问于2009-02-03得票数 2
回答已采纳
我有一个html表，并在网页上给出了打印选项，在那里用户能够在A4上打印默认。当用户单击打印时，我使用javascript打印功能打印它，它工作得很好，结果是一个适合整个A4页面大小的表格，但是现在我的用户希望当他们在属性中更改纸张大小时，从A4到A3，相同的表格变成横向，表格，行，列的大小可以调整，它将适合A3表格的整个页面
浏览 1提问于2013-10-22得票数 0
1回答
我在一个应用程序中使用web浏览器控件来显示报告。报告只是简单的HTML文本，但相当宽。当我使用.ShowPrintPreviewDialog()预览打印时，我看到报告在右侧被截断，即使切换到横向模式也是如此。
目前，我只调用.ShowPrintPreviewDialog()方法，然后调用.ShowPrintDialog()方法来实际打印报告。
我的问题是。如何让报告打印在多页上？我完全可以在横向模式下跨越X页的报告，但我不确定要设置什么标志，也不确定如何设置控件来将报告实际拆分到多个页面上。
浏览 2提问于2009-12-11得票数 3
回答已采纳
例如，打印窗口的默认页面方向(如图像)是纵向的。那么，我们如何才能将它更改为横向，这样当我们打印该页面时，它就是横向的。有什么方法可以做到这一点吗？
浏览 22提问于2016-07-23得票数 0
3回答
我有一个非常基本的网页，它使用flot来创建一个基于canvas的图表(类似于SO用于声誉图表)。
在PC显示器的情况下，它应该简单地正常输出，宽度(x轴)是高度的1.6倍。
但对于iPhones来说，如果页面默认是横向的，而不是以“纵向”方向溢出，鼓励(或强迫)用户像PC用户那样打开手机来查看图表，我会更喜欢它。
所以我的问题是：
1)有没有办法(使用CSS、JS或简单的HTML head标签)让画布在检测到纵向时旋转90度？
2)一般来说，有没有一种方法可以旋转元素/对象，而不管是谁在查看它？
3)有没有办法避免iPhone在设备旋转时旋转内容的默认行为？显然，我希望用户在看到它已经横向显
浏览 0提问于2009-12-10得票数 6
回答已采纳
在我们的应用程序中，我们允许用户打印页面。我们通过提供一个按钮来实现这一点，当单击时，该按钮调用window.print()函数。
如果以横向模式而不是纵向模式打印某些页面，效果会更好。有没有办法从JavaScript控制页面布局？
更新:按照这里给出的建议，我在谷歌中搜索了"css showed“，并找到了显示css-ly定义景观的方法的：
浏览 0提问于2008-10-27得票数 11
回答已采纳
5回答
我正在寻找一种方法来打印一个格式化的html文件在横向模式的c# (主要是wpf)。打印对话框将很好地设置页面设置为横向。我试着使用微软的html到xaml的转换器，但它破坏了格式。我发现这是相当令人惊讶的是，没有方法或抓取文件并直接发送到打印机。
任何想法都将不胜感激。
浏览 2提问于2010-10-14得票数 14
1回答
我正在做一个VB3.0到.Net转换项目，其中有一些打印活动。
现在给用户一个打印设置对话框，他们用来为打印机设置页面方向和其他设置。
这里的问题是，当从.net打印对话框设置页面方向时，一旦应用程序关闭并再次打开，似乎总是会重置。换句话说，用户打开应用程序，将打印方向从纵向设置为横向，进行一些打印并关闭应用程序。现在，当打开应用程序时，打印方向再次是纵向！！(而用户希望它是景观)。
在vb3.0中，使用了带有一些标志的公共对话框，并且运行良好。
有人能指点一下吗。
感谢你的帮助。
浏览 4提问于2012-09-07得票数 1
1回答
正如主题所述，我有一个SSRS报告，它需要以某种方式设置其打印机，例如将页面方向从纵向更改为横向，以便正确打印。
但是，每次我在报表查看器中测试打印此报表时，当我检查打印机属性时，它们都恢复为默认值。当我单击“确定”时，我所做的任何更改都没有在打印后保存。
更改打印机本身中的设置也会得到相同的结果。还有没有人遇到过这种情况？我使用的是SQL Server 2014。
编辑:我忘了你可以在Visual Studio中制作SSRS报表，所以我要说明的是，我使用的是SSRS报表生成器。
根据Russel的回应，我已经确认我的页面宽度和高度设置正确，可以进行横向打印。在此之前，我还没有更改他们的1“默
浏览 24提问于2020-03-11得票数 1
1回答
我正在使用一个应用程序来打印纵向和横向模式的页面together.some页面打印在纵向和一些是在landscape.Printing的页面无论是纵向或横向外观good.But打印纵向和横向的页面在一起，使纵向页面拥堵。 这是我使用的媒体查询， @media print {
html {
max-width: none;
width:100%;
float:left;
}
#nav-wrapper {
display: none;
}
div.pageBreak {
浏览 15提问于2019-03-15得票数 0
3回答
我以这样的方式添加了一个CSS文件：
<link rel="stylesheet" href="style.css" type="text/css" media="screen, print">
css包含以下内容：
.landscape {
width: 100%;
height: 100%;
margin: 0% 0% 0% 0%;
filter: progid : DXImageTransform.Microsoft.BasicImage ( Rotation = 3 );
}
我的html页面的body标记是用
浏览 0提问于2011-08-26得票数 6
回答已采纳
我有一个SSRS2005报表，正在打印到Zebra ZDesigner TLP2844-Z标签打印机上。交互式和页面大小设置为4“宽x 3”高。由于SSRS中没有纸张方向，因此假设这是一份横向报告，而它应该是一份肖像报告，从而横向打印标签。
用户可以在调整打印设置后导出到PDF并进行打印，但要生成/打印pdf的额外点击是不可接受的。
有没有办法强制打印作业打印肖像或其他解决方法/技巧来实现此目的？
浏览 3提问于2009-12-12得票数 7
我有一个报告，需要导出为PDF在8“* 5.5"，纵向。现在，在Crystal Reports 13 (VS2010)中，当我选择A5作为页面大小，选择orientation作为纵向时，它仍然以横向打印。我尝试用上面的尺寸创建用户自定义的页面大小，它会自动选择横向。
这个问题的解决方案是什么？
浏览 1提问于2014-03-08得票数 0
我有一个画廊组件，它使用当前的窗口大小来确定制作画廊项目的大小。我还挂接了窗口调整大小事件，以便在调整窗口大小时正确调整图库项目的大小。
在Chrome中，如果用户随后打印图库，则不会调整项目的大小以适应打印的页面。相反，它们只使用为窗口大小计算的最后一个大小。即使在打印选项中从纵向切换到横向时也是如此。
当打印对话框打开，页面布局从纵向切换到横向时，有没有办法强制react重新呈现组件？我以为打印对话框会用新的尺寸重新呈现页面，但事实似乎并非如此。
浏览 5提问于2016-01-29得票数 16
1回答
我在我的页面上有一个html表格，我也在上面使用。我的表有30列，我正在使用打印表。
在横向模式下，它看起来像这样：
它看起来很拥挤，那么我如何在某一列拆分这个表，以便在两个横向页面上打印它？
浏览 1提问于2016-03-11得票数 0
1回答
我有一个html页面和一个链接的css页面，他们是显示和打印完美(在肖像)时链接。
当我选择横向选项时，它以相同的方式显示，但由于我设置的分页符和间距，打印效果非常差。
我的问题是，对于不同的页面方向，有没有可能有不同的css页面？如果是这样，是否有其他选项我应该添加到HTML/CSS链接？
浏览 2提问于2016-06-30得票数 0
2回答
我将CSS文件的大小属性设置为横向，以便在横向中打印页面
@page {
margin: 0.1cm;
size: landscape;
orientation: landscape;
size: A4;
有些页面打印为纵向，有些打印为横向。
如何使用CSS检测并强制打印横向页面？
浏览 10提问于2016-09-07得票数 7
回答已采纳
有没有办法在Code::Blocks中导出到横向页面布局中的pdf？我可以在打印时设置布局，但在“导出”菜单中没有此选项。
浏览 2提问于2013-06-14得票数 1
回答已采纳
我试图在我的HTML页面中包含一个pdf文件，并允许用户使用cmd+p或ctrl+p打印。
这是我的密码-
<html>
<body>
<p> I want to print this page with pdf </p>
<iframe src="/my.pdf" width="800px" height="2100px" />
</body>
<html>
当我访问我的页面时，我能够看到pdf文件，但是
浏览 0提问于2018-08-08得票数 1
回答已采纳
1回答
以横向模式打印网格视图
、、、
我需要打印一个横向模式的网格视图，也需要分页(标题行打印在每一页上)
我尝试在CSS中使用@page属性，但由于浏览器兼容性问题，我无法使用它。所以这是不可能的。
我找到了一种替代方法，使用PrintDocument类并将页面设置为横向模式
PrintDocument pd1 = new PrintDocument();
pd1.DefaultPageSettings.Landscape = true; //this works
不过，这是可行的，并且我能够在横向模式下打印文档。PrintDocument类可以打印流，但不能打印呈现的HTML标记。我需要打印一个网格视图，但是我不知道该怎么做。
浏览 2提问于2012-02-22得票数 1
回答已采纳
这是与类似的问题，但链接是应用程序，而不是网站。
我有以下meta标签(请注意，缩放是故意禁用的-不是我的要求，客户的请求:D)
<meta name="viewport" id="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,initial-scale=1.0">
在禁用缩放并将最大比例设置为1.0的情况下，当您只是在浏览网站时，方向更改工作得很好。然而，当你专注于输入并改变方向时，它开始在页面上添加一些奇怪的东西。
当从:纵向更改
浏览 0提问于2014-03-05得票数 2
我已经创建了一个CSS样式表，它可以使用以下@media规则在横向模式下打印HTML页面：
@media print{
@page {size: landscape;}
}
我不想打印在横向模式加载此样式表的所有HTML页面。理想情况下，我希望能够指定这样做的景观类。
在生成HTML时，我总是可以创建一个单独的landscape.css文件，并根据需要将其附加到头文件中，但我希望有一种更干净的方法来处理类。
作为后续行动，我也尝试了以下没有运气的方法：
@page rotated {
size: landscape;
}
@media print{
.rota
浏览 2提问于2013-05-20得票数 10
如何使用pdflscape (或其他一些？)在双面书中打包，以便始终旋转横向模式，使页面顶部指向书的中间？默认情况下，似乎横向模式不能做到这一点？
因此，我希望不时有一个页面在横向模式，但它应该是正确的旋转。这可能会使一些横向页面很难在屏幕上阅读，因为它们将被翻转，但打印会更好。
浏览 2提问于2011-02-13得票数 3
回答已采纳
我已经在HTML5中为iPad创建了一个登录页面，其中包含一个图像、用户in、密码和一个注销图像。
当我在纵向模式下在iPad中打开这个页面时，它的所有内容都在左侧移动，但在横向模式下它占据了正确的位置。
请有人建议我如何在横向和纵向模式下调整我的HTML页面。![登录页面
浏览 0提问于2011-05-23得票数 0
回答已采纳
我有一批报告，这是设置为在A4页面上打印非常漂亮的横向。但是，当我将默认格式设置为Excel时，结果电子表格在打印时不会更改打印设置中的任何内容，比A4页面更宽，因此它当然会被分成多页(即:每页宽2页而不是1页)
我们的大多数用户只想在通过电子邮件到达后立即打印这些文件(但他们仍然想要Excel格式，以便可以重新排序、剪切和粘贴等)，那么如何让Excel在SSRS中保留报表中定义的打印格式，这样用户就不必纠结于打印设置？(这些是每日报告，所以这让我们的用户抓狂，因为他们中的一些人可能会得到4到5个报告！)
我必须使用Excel模板吗(这能做到吗？)或者有没有办法通过SSRS获得我想要的东西？
浏览 3提问于2012-06-08得票数 4
回答已采纳
我已经在Rave (Delphi7)中创建了报表设计。但是，它们处于纵向模式。当用户从打印设置中选择横向打印时，它仍然是纵向打印机。我如何修复它，以便Rave生成用户在打印设置过程中选择的格式的报告？
浏览 2提问于2009-10-06得票数 1
我希望我的网站用户能够打印在纵向或横向模式的页面。
使用Bootstrap 3.3.7从Google Chrome打印时，Chrome打印设置有一个布局选项。只需将css/js更改为4.0.0，Chrome打印设置就不再有布局选项。我怀疑这与以下CSS指令之一有关：
@page
@media
浏览 3提问于2018-02-28得票数 19
1回答
打印时页码不正确
、、
我已经安装了Ubuntu 20.04和惠普的Deskjet 2540。两种设备都通过WIFI进行通信。当我试图在一边打印4页时，页面顺序是不正确的(不管是从Okular、Evince、Firefox打印)。
我希望我的网页采用以下格式：
1->2
3-> 4，
页面应该处于景观模式。
1，2，3，并参考页码。但是，当我直接从Firefox打印时(例如，设置每个页面4页&横向方向)，我会得到其他格式(比如3-> 4，2-> 1)。
任何帮助都将不胜感激！
浏览 0提问于2020-07-06得票数 0
在CSS中的@page {size: landscape}将打印页面为横向，很棒，但是为什么在CSS中定义了您希望页面使用哪一个后，用户会失去在横向和纵向之间进行选择的能力？
至少在Google Chrome中是这样的。
我不能默认设置横屏，这样如果用户判断这是他需要的，他可以选择肖像吗？
浏览 5提问于2014-03-03得票数 5
在使用window.print()时，我遇到了一个非常奇怪的问题。
我有一个页面，需要有一个不同于通常显示给用户的打印布局。因此，我创建了一个覆盖，当用户单击print按钮，然后它触发window.print()时，就会显示它。除了一些未知的原因，打印窗口显示不止一次之外，一切都很正常。如果我第一次点击打印按钮，我得到打印窗口2次，第二次我得到它4次。
HTML：
<div id="printDiv" style="position: fixed; overflow: auto; top: 0px; width: 100%; height: 100%; backg
浏览 5提问于2013-10-25得票数 3
回答已采纳
1回答
我试图使用以下代码打印一个部分页面：
<script type="text/javascript">
$("#btnPrint").live("click", function () {
var divContents = $("#PrintContent").html();
var printWindow = window.open('', '', 'height=400,width=800');
printWin
浏览 1提问于2014-10-06得票数 0
回答已采纳
以下CSS会影响默认情况下页面是纵向打印还是横向打印。
@page {
size: landscape;
}
我意识到这只能在非常有限的浏览器上工作，并且用户可以覆盖它。没关系，我只是想提供一个好的缺省设置。
这在CSS中作为静态值工作得很好，但我想根据用户的选择在纵向和横向之间动态切换。是否可以使用JavaScript更改此值？
浏览 6提问于2012-06-23得票数 24
回答已采纳
我想在客户端设置报告布局，以便用户可以设置报告的布局，这可能是纵向或横向后报告显示。所以用户将有选择，如果数据来了半页，那么他可以使用横向打印报告，否则肖像。
浏览 1提问于2011-02-21得票数 0
我写了一些简单的CSS规则来防止打印页面的某些部分。
我的div id="ad-pages-right-sidebar"附加了以下CSS：
@media print
{
#ad-pages-right-sidebar
{
display:none;
}
}
问题是，当使用Firefox中的Print to PDF功能时，div仍然在打印页面上可见，但只有当我将页面设置为以横向模式打印时。
这只会在Firefox中发生，而且只会在横向模式下发生。
知道问题出在哪里吗？
浏览 6提问于2014-10-15得票数 2
1回答
如何使用WebBrowser控件更改html文档的打印方向(横向)。
var browser = new WebBrowser();
browser.DocumentCompleted += (sender, args) =>
{
var ws = sender as WebBrowser;
//change paper size and orientation
ws.Print();
};
browser.Navigate(path);
在打印之前，我需要将纸张大小格式更改为C5，并将方向更改为横向。没有任何对话框，我怎么
浏览 2提问于2013-09-30得票数 5
回答已采纳
1回答
我是通过PHP使用mPDF，以便生成一个HTML页面的精确副本。然后将此PDF保存到服务器，以便通过PHP套接字编程为用户自动打印。 当我打印预览HTML页面时，它看起来与我想要打印的完全一样。当我用mPDF将超文本标记语言转换为PDF格式时，它变得很宽并且扭曲了。我只想让它看起来与HTML打印预览完全一样，不做任何更改。 下面是我的PHP代码： require_once __DIR__ . '/vendor/autoload.php';
$mpdf = new \Mpdf\Mpdf();
ob_start();
include 'cert.html';
浏览 28提问于2019-03-22得票数 1
回答已采纳
我正在使用recyclerview创建列表行。每一行都有一个framelayout，当用户点击行项时，它加载包含视频播放器以播放视频动态片段。它工作得很好。现在我希望在视频播放过程中，当用户将手机从纵向旋转到横向时，视频将全屏显示，而当用户从横向旋转到纵向模式时，视频将像往常一样在列表行中播放。可以在全屏中更改单个行的大小吗？或其它替代方法来实现上述功能。下面是项目行xml文件
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:lay
浏览 0提问于2018-07-16得票数 0
我正在使用uiwebview来显示一个非常基本的html页面，其中只包含文本。我想支持横向和纵向方向，但当方向发生变化时，我遇到了调整大小的问题。具体地说，当iphone旋转到横向时，它会放大文本(我希望文本大小保持不变，以便填充更宽的水平空间)。当它旋转回纵向时，文本返回到正确的大小，但现在它从页面向右流动。
我认为解决方案是在每次更改方向时重新加载页面。有没有办法在每次iphone旋转时重新加载页面？
浏览 0提问于2010-05-14得票数 0
Apache孵化器项目允许用户以编程方式读取和创建各种打开的文档格式文件，包括电子表格。
我正在尝试为我正在创建的电子表格设置各种打印选项，使用它们重新包装的“简单API"，但是它们似乎还没有公开一种修改文档属性的简单方法，如页边距、页面大小(高度/宽度)和页面方向(横向/纵向)。
我需要从一个到一些允许我修改这些值的东西。
浏览 5提问于2013-08-07得票数 2
回答已采纳
1回答
我在页面中插入了<style type="text/css"> @page {size: landscape;}</style>，以便按横向打印(此页面仅为打印而创建)。
它在Chrome的打印预览中显示为我想要的效果。但是，当我将其打印到纸张或PDF后，结果真的很奇怪。内容是横向的，但页面是纵向的，所以我在页面的顶部和底部有一个很大的空白，内容的右侧部分在页面边缘之外。
我的猜测是，由于某些原因，打印机不知道它是被支持的横向方式。我试过几台打印机，它们都有这个问题。
如果您能给我任何建议或潜在的解决方案，我将不胜感激。
浏览 2提问于2012-07-18得票数 1
回答已采纳
1回答
我面临着一个关于IFRAME打印功能的问题。将Tiff图像指定给IFRAME并正确渲染它。我可以看到完整的图像。现在，当我从javascript进行打印时，1)我无法获得页面方向(纵向或横向) 2)默认情况下，它被视为纵向，无法获得完整的图像打印。
这是我的代码：
function framePrint()
{
var iframe = $('.Iframe1');
iframe[0].contentWindow.focus();
iframe[0].conten
浏览 1提问于2013-03-12得票数 1
回答已采纳
1回答
我做了一个网站的简历，看起来不错的浏览器，但相当可怕的时候，用户试图打印。我可以尝试使用CSS来改进打印样式，但即使这样，也很难保证它看起来像一份经过管理的PDF简历。
我的问题是，有什么方法可以在用户点击打印时用预先制作的PDF替换页面吗？我尝试了以下几点，并取得了部分成功：
将<embed src= "main.pdf" id="print-pdf">放置在主html主体中。然后用于造型：
@media screen {
#print-pdf {
display: none;
}
}
@media print {
#prin
浏览 1提问于2019-01-23得票数 0
我有一个php页面，与一个按钮，使用户能够通过window.print功能打印。
我需要知道如何在打印页面时隐藏html标记的href属性。
示例:如果标签类似如下：
<a href='myurl.com'>HELLO</a>
我只想显示HELLO。
只有当我使用window.print时，我才需要这样做。
我已经用这种方式设置了打印的css：
@media print {
body * {
visibility:hidden;
}
#section_to_print, #section_to_print * {
visi
浏览 0提问于2013-07-12得票数 4
回答已采纳
当点击cq5页面时，我试图在链接中保留特定的选择器。
例如，假设您已经转到/content/mysite/mypage.tikyselector.html，我希望页面上的所有后续链接，如aboutus.html和contact.html页面保留aboutus.stickyselector.html和contact.stickyselector.html链接。
我尝试这样做的原因有几个，包括当移动设备(如mypage.smart.html )命中时防止过度重写，因为我们可以让重写规则允许用户通过，而无需重新检测设备类型，以及任何定制的内容等等。
我已经尝试过创建我自己的链接重写转换器，这对于重写
浏览 2提问于2013-08-15得票数 7
回答已采纳
1回答
我想知道是否有人有通过网页修改打印设置的经验。我的总体目标是在网页上设置一个打印按钮
<a href="javascript:window.print()">Print This Page</a>
并且同时修改用户的打印设置以从横向视图打印页面。如果这是可能的，或其他建议将不胜感激。修改页面布局并不是一个真正的选择。我考虑过为打印页面使用单独的样式表，但这对我实际打印的内容没有帮助。
浏览 0提问于2010-10-28得票数 3
回答已采纳
我正在写一些jQuery代码，我想要检测移动设备的方向，无论是纵向还是横向。
我已经尝试了while语句，但它们不断地向我发送测试警报，但都无济于事。
我的jQuery：
function test() {
if (window.matchMedia("(orientation: portrait)").matches) {
alert('You are in portrait!');
}
else if (window.matchMedia("(orientation: landscape)").matches) {
浏览 1提问于2019-04-12得票数 0
我有一些SSRS 2008报告，需要导出到横向模式的word。报告在导出时看起来很棒，但当您尝试打印(甚至预览)页面时，Word似乎正在尝试以纵向模式打印报告，从而切断了从页面最左侧开始超过8.5“的所有内容。
我已确保进行了以下设置。
1) Report ->报告属性->横向设置2)纸张大小为11“宽X 8.5”高。3)正文属性小于整个纸张大小。
浏览 4提问于2009-06-11得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
