사용자 개입 없이 HTML 문서를 가로 방향으로 인쇄하려면 어떻게 해야 합니까?

HTML에서 가로 방향 인쇄

웹 페이지에 여러 열이 포함된 경우 가로 방향으로 인쇄하는 것이 바람직합니다. 그러나 이를 위해서는 사용자가 프린터 설정을 수동으로 조정해야 할 수도 있습니다. 이 문서에서는 사용자 개입 없이 가로 모드에서 HTML 문서를 인쇄하는 데 사용할 수 있는 다양한 옵션을 살펴보고 브라우저 호환성을 살펴봅니다.

CSS @page 규칙

CSS @page 속성을 사용하면 페이지를 지정할 수 있습니다. 크기와 방향을 포함한 설정. 문서를 가로 방향으로 인쇄하려면 다음 CSS 규칙을 사용하십시오.

@media print{@page {size: landscape}}

이 규칙은 CSS 2.1 사양의 일부이지만 CSS 3에서는 더 이상 사용되지 않으므로 "size" 속성에 대한 지원이 제한됩니다. .

JavaScript 또는 ActiveX 해결 방법

일부 기사에서는 JavaScript 또는 ActiveX를 사용하여 키 입력을 사용자의 브라우저는 본질적으로 프린터 설정을 프로그래밍 방식으로 변경합니다. 그러나 이러한 해결 방법은 이상적이지 않으며 브라우저 보안 설정을 수정해야 합니다.

콘텐츠 회전

페이지를 회전하는 대신 CSS 변환을 사용하여 페이지 내의 콘텐츠를 회전할 수 있습니다.

.page
{
 -webkit-transform: rotate(-90deg); 
 -moz-transform:rotate(-90deg);
 filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

이 방법에는 정렬 및 레이아웃 문제가 발생한다는 단점이 있습니다.

PDF 변환

또 다른 옵션은 PDF 형식의 문서의 가로 버전을 만들고 "인쇄" 버튼을 가리키는 것입니다. 그러나 IE7의 자동 인쇄에서는 작동하지 않을 수 있습니다.

결론

가로 방향으로 HTML 문서를 인쇄하는 것은 간단하지 않으며 지원은 브라우저마다 다릅니다. @page 규칙은 일부 브라우저에서 작동할 수 있지만 JavaScript 또는 ActiveX 해결 방법은 신뢰할 수 없습니다. 콘텐츠 회전은 가능하지만 다른 문제가 발생합니다. PDF로 변환하는 것은 옵션이지만 모든 경우에 적합하지는 않습니다. 결국 가장 좋은 방법은 콘텐츠와 브라우저 환경에 따라 다릅니다.

위 내용은 사용자 개입 없이 HTML 문서를 가로 방향으로 인쇄하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!