문제

HTML에서 문서를 생성하고 있습니다. HTML 페이지가 하나의 인쇄 페이지로 렌더링되도록하는 방법이 있습니까?

나는 대부분의 페이지를 사용했다 <table> 그리고 <div> 태그.

도움이 되었습니까?

해결책

정확히는 아니지만 인쇄 스타일 시트를 사용할 수 있습니다.

<link rel="stylesheet" type="text/css" media="print" href="print.css" />

글꼴 크기, 패딩 등을 'PT'와 같은 물리적 단위로 설정하려면 (화면 스타일 시트에서는 절대 사용해서는 안됩니다!) 일반 브라우저에서 렌더링 할 때 A4 페이지가 다소 사용됩니다. 다음 바람이있는 전형적인 글꼴. 보장은 없지만 공동 사례에 대해 최적화 할 수 있습니다.

인쇄물에서는 글꼴 크기 환경 설정 또는 DPI 설정에 대해 너무 걱정할 필요는 없지만 브라우저가 사용하는 여백 또는 실제 페이지 크기 (미국 문자가 A4보다 작음)를 제어 할 수는 없으므로 많은 양을 남겨 두십시오. Wiggle Room의 주요 브라우저에서 테스트.

다른 팁

아니요. 사용자의 줌 레벨, 프린터 설정, 종이 크기 (유럽에서 A4 용지를 사용하거나 미국에서는 합법적입니까?) 및 HTML을 사용하여 프린터 출력에 영향을 미치는 다양한 모든 것들을 제어 할 수 없습니다.

HTML로 할 수있는 최선은 매우 간단한 "프린터 친화적"페이지를 만들고 콘텐츠를 짧게 유지하는 것입니다. 또는 PDF를 구축 할 수 있습니다. PDF는 인쇄 방법을 제어 할 수 있도록 설계되었습니다.

PDF를 사용하십시오. 글꼴 크기, 글꼴 유형 및 기타 여러 매개 변수와 같은 많은 것들을 강요 할 수 있지만 모든 브라우저는 원하는 것을 신경 쓰지 않고 원하는 것을 사용하여 전제 조건이나 결정을 위반할 수 있습니다. HTML은 프리젠 테이션 언어가 아닙니다 (나중에 반복하지 않습니다).

많은 경우에, 그것은 대부분 작동하지만 확실하지 않습니다.

CSS를 사용하여 페이지를 스타일링하고 특정 높이 / 너비로 설정할 수 있습니다 ... 좋은 튜토리얼이 있습니다. 여기.

아니요, 그러나 위에서 제안한 것처럼 인쇄 매체 용 전용 CSS 파일을 사용하여 인쇄보기를 훨씬 매끄럽게 만들 수 있습니다.

예를 들어, 최소한 사용하여 2 페이지가 넘는 테이블이 테이블에 걸리지 않도록 할 수 있습니다."페이지 브레이크 전 : 항상;".

그리고 마지막으로 당신은 또한 사용할 수 있습니다"디스플레이 : 없음;" 광고, Nav Bar 등과 같이 불필요한 요소에서 페이지 자체를 더 짧게 유지하려면 (단일 페이지의 경우 충분히 짧음).

그래도 보증은 없습니다.

확신하는. 몇 가지 가능성이 있습니다.

  • 페이지를 큰 이미지로 변환하십시오.
  • 페이지를 PDF로 변환하십시오.
  • 너무 넓고 정보를 전송하기가 매우 어렵 기 때문에 왼쪽과 오른쪽으로 스크롤하는 고정 된 치수가있는 페이지로 모든 사용자를 괴롭 힙니다.

HTML을 렌더링 할 때 프린터 유형이나 용지 크기를 알 수 없으므로 방법은 없습니다.

내 유일한 제안은 프린터 속성을 설정하여 인쇄시 한 페이지에 맞게 컨텐츠를 확장하는 것입니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top