2011-06-10 7 views
5

브라우저에서 인쇄하고 싶은 간단한 페이지를 만듭니다. 찾을 수 있었던 모든 휘파람을 내 제목과 그림의 가운데에 배치했습니다.크롬에서 인쇄가 중앙에 있지 않습니다.

<html> 
<head> 
    <link rel="stylesheet" href="print.css" type="text/css" media="print" /> 
    <!-- print.css is empty --> 
</head> 
<body style="text-align: center; margin: 0 auto;"> 
    <div> 
     <div style="font-size:48pt"> 
      Pretty Long-Long-Long Title 
     </div> 
     <img src="content/images/sample.jpg" style="width:80%"/> 
    </div> 
</body> 
</html> 

페이지가 모든 브라우저에서 잘 보입니다.
IE와 Firefox에서는 페이지가 잘 (중앙에) 인쇄되지만 Chrome에서는 전체 상자가 왼쪽 맞춤이고 페이지 너비보다 훨씬 작습니다.
Chrome의 가운데 제목/이미지 인쇄에 도움이되는 휘파람이 있습니까?


문제가 해결되었습니다.
문제는 Chrome 자체에서 발생했습니다. 보다 정확하게는 Chrome PDF Writer 플러그인을 사용하는 인쇄 미리보기에서. Chrome PDF Writer가 페이지 크기를 인식하지 못하고 페이지 설정이없는 것 같습니다. Chrome의 인쇄 미리보기를 사용 중지하고 Adobe의 PDF 프린터를 설치했는데 모든 것이 원래 코드 조각으로 인쇄됩니다.

답변

3

<body> 
    <div align="center" style="text-align:center;"> 
     <div style="font-size:48pt"> 
      Pretty Long-Long-Long Title 
     </div> 
     <img src="content/images/sample.jpg" style="width:80%"/> 
    </div> 
</body> 

중 하나

<div align="center" style="text-align:center;"> 

또는

<div style="text-align:center;margin:0 auto;"> 

+0

# 1은 왼쪽 정렬에 제목을 만드는 PDF로 인쇄, 크롬에 나를 위해 일한 시도 # 2 바 하브 내 원래와 같은 방식으로. 내가 모르는 Chrome 설정이있을 수 있습니까? – VikVik

+0

크롬에서 본문 내용을 추출했다고 가정했기 때문에 적용된 스타일은 모두 삭제됩니다. 나는 그것이 정확하게 이것이라고 확신 할 수는 없지만 그렇게 보인다. – Kraz

관련 문제