페이지 인쇄에 사용하고 있지만, 나는 attaboy 헤더나 바닥글에 페이지 제목 map_layer 빈다우스프링스 (), 파일 경로, 페이지 번호 및 날짜. 분리하는 방법은?
또한 인쇄 스타일시트가 찾았다.
#header, #nav, .noprint
{
display: none;
}
제발 도와주세요. 감사합니다.
S # 39 의 크롬 it& 사용하여 이 자동 헤더입니다 / 바닥글에 숨길 수 있습니다.
@page { margin: 0; }
@media print {
@page { margin: 0; }
body { margin: 1.6cm; }
}
마틴 로 셀명 페이지를 스크롤한 기절해있는 요소를 갖고 있다고 지적한 바 있는 경우 최근 1 페이지 (like a big table), 무시됨 및 인쇄 버전 괴상하죠 뛴 것으로 보입니다
당시 이 오토메이티드 당초 (5월 2013년) 에 대해 잘 모를 뿐 아니라, 절대 필요한 협력했습니다 크롬, 지금 다시 시도할 수 있습니다. # 39, t 하이블 can& 있지만브라우저에 대한 지원을 할 경우 해당 PDF 를 만들 수 있습니다 (fly 및 인쇄 etlat (JavaScript 를 만들 수 있습니다 이 자기 인쇄 PDF 포함), 하지만 that& # 39 의 거대한 귀찮아.
이 문제를 해결할 수 있는 코드를 너회의 css 파일 추가 확신합니다.
<style type="text/css" media="print">
@page
{
size: auto; /* auto is the initial value */
margin: 0mm; /* this affects the margin in the printer settings */
}
</style>
[Dell. 이에 대해 더 자세히 알 수 있습니다 이] [1]
[1]: http://www.easywebmastertricks.com/showthread.php # pid5265 5265 pid =, = 4032& tid?
오늘 같은 문제가 빛위에 제 동료인 발견했다.
같은 " margin:0"; 그러나 인터넷 브라우저 크롬 기반 솔루션을 사용할 경우에도 '제로' 로 설정되어 인쇄하려면 바닥글에 기능을 explorer를 계속하시겠습니까 @page 여유폭.
넣을 수 있는 솔루션 (더 (hack) 은 음의 여백 @page.
@page {margin:0 -6cm}
html {margin:0 6cm}
희망을 줍니다.
Css 표준화를 통해 일부 고급 서식. Css 에서 디렉티브을 @page 있을 수 있는 일부 서식 있는 미디어 (그것을비유하사 종이용) 페이징되는지 디렉토리에만 적용됩니다. 지켜보리니 http://www.w3.org/TR/1998/REC-CSS2-19980512/page.html. <! - begin 스니핏: js 숨기십시오: > 거짓값 -;
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Print Test</title>
<style type="text/css" media="print">
@page
{
size: auto; /* auto is the current printer page size */
margin: 0mm; /* this affects the margin in the printer settings */
}
body
{
background-color:#FFFFFF;
border: solid 1px black ;
margin: 0px; /* the margin on the content before printing */
}
</style>
</head>
<body>
<div>Top line</div>
<div>Line 2</div>
</body>
</html>
끝 - < 스니핏 >;!
모질라 파이어폭스 및 사용한다.
Firefox 에서, https://bug743252.bugzilla.mozilla.org/attachment.cgi? id = 714383 (페이지 보기 출처:: html 태그를).
굈 ',' 을 (를) ', html 코드에서 html> < 모스노마리인비우스 mozdisallowselectionprint> <;). '
"'css @media 인쇄하십시오 { 스포터,
디스플레이: 없음! 중요하다. }
디스플레이: 블록. } } "'
I was trying to 분리하십시오 헤더나 바닥글에 제가 한 html 페이지를 인쇄했습니다 합니다.
아니 솔루션이므로 협력했습니다 가져다줄래요 아니라 단지 내 스스로 바닥글에 정의하여 이 페이지의 대로 [here] (https://stackoverflow.com/questions/1360869/how-to-use-html-to-print-header-and-footer-on-every-printed-page-of-a-document # 4121962) 추가 Firefox 자체 헤더나 바닥글에 않을 것이라고 말했다.
크롬 죄송합니다. 작동하지 않습니다.
Css 에서: "' 화면 @media { 디버트디프포터 { 디스플레이: 없음; } } @media 인쇄하십시오 { 디버트디프포터 { 위치: 고정. 아래쪽: 0; } } "' 이 추가 데이터베이스에구성원을 HTML: "' div class = " divFooter" > <;;; < p> UNCLASSIFIED< /p>;;; < /div>; "
예를 들어 firefox 에서:
예 및 채널이어야 IE (I& # 39, m IE 사용 11 이전 버전을 볼 수 있는 이 위해 Internet Explorer 에서 Firefox 또는 모든 페이지에 url 을 인쇄면이):
<script language="javascript">
function printDiv(divName) {
var printContents = document.getElementById(divName).innerHTML;
var originalContents = document.body.innerHTML;
document.getElementById('header').style.display = 'none';
document.getElementById('footer').style.display = 'none';
document.body.innerHTML = printContents;
window.print();
document.body.innerHTML = originalContents;
}
</script>
<div id="div_print">
<div id="header" style="background-color:White;"></div>
<div id="footer" style="background-color:White;"></div>
</div>
, 2 l2aelba FireFox 를 위한 것 "이라고 말했다.
추가 모스노마리인비우스 속성에 html> <; 예:
<html moznomarginboxes mozdisallowselectionprint>
이 지점에서 스크롤하십시오 생기는 경우, 모질라 파이어폭스 해결책을 찾았다. 또 인쇄 및 콘텐츠 없이 특정 지점의 div 바닥글을 헤더도. 원하는 대로 설정할 수 있습니다.
첫째, 다운로드 및 설치 이 추가: 제스프링체토프.
둘째, 이 기능을 쓰기.
<script>
function PrintElem(elem)
{
var mywindow = window.open('', 'PRINT', 'height=400,width=600');
mywindow.document.write('<html><head><title>' + document.title + '</title>');
mywindow.document.write('</head><body >');
mywindow.document.write(elem);
mywindow.document.write('</body></html>');
mywindow.document.close(); // necessary for IE >= 10
mywindow.focus(); // necessary for IE >= 10*/
//jsPrintSetup.setPrinter('PDFCreator'); //set the printer if you wish
jsPrintSetup.setSilentPrint(1);
//sent empty page header
jsPrintSetup.setOption('headerStrLeft', '');
jsPrintSetup.setOption('headerStrCenter', '');
jsPrintSetup.setOption('headerStrRight', '');
// set empty page footer
jsPrintSetup.setOption('footerStrLeft', '');
jsPrintSetup.setOption('footerStrCenter', '');
jsPrintSetup.setOption('footerStrRight', '');
// print my window silently.
jsPrintSetup.printWindow(mywindow);
jsPrintSetup.setSilentPrint(1); //change to 0 if you want print dialog
mywindow.close();
return true;
}
</script>
셋째, 언제 어디서나 코드에서 매핑하려는 기록하십시오 인쇄하십시오 코드, 이렇게 (사용한 포함한다. 일반 javascript 를 사용할 수 있습니다).
<script>
$("#print").click(function () {
var contents = $("#yourDivToPrint").html();
PrintElem(contents);
})
</script>
필요한 것은 링크를 클릭:
<a href="#" id="print">Print my Div</a>
그리고 당신의 div 인쇄하려면
<div id="yourDivToPrint">....</div>