1
Firefox를 사용하면서 표시되는 테이블을 깨끗하게 인쇄하려고합니다. 여기 내 코드가있다.인쇄 할 때 html table theadad가 끊어짐
<style type="text/css">
table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
}
td, th {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
}
tr:nth-child(even) {
background-color: #eee;
}
@media print {
@page { margin: 0; }
body { margin: 1.6cm; }
}
@media print {
a[href]:after {
content: none !important;
}
}
</style>
<body>
<div>
<table class="header">
<thead>
<TR>
<TH>x</TH>
</TR>
</thead>
<TR>
<TD>x</TD>
</TR>
더 많은 행과 열이 제 코드에 있지만 더 이상 포함되지 않습니다. <thead>
은 Firefox에서 제대로 작동하지만 인쇄하려면 페이지 상단 가까이에 있기 때문에 행이 프린터에 의해 약간 잘립니다. 패딩을 추가하여 프린터에서 잘리지 않도록하려면 어떻게합니까? 여기
<style>
@media print {
tr.vendorListHeading {
background-color: #1a4567 !important;
-webkit-print-color-adjust: exact;
}
}
@media print {
.vendorListHeading th {
color: white !important;
}
}
table { page-break-inside:auto }
tr { page-break-inside:avoid; page-break-after:auto }
thead { display:table-header-group }
tfoot { display:table-footer-group }
</style>
당신은 그것이 html이라는 것이고 프린터가 인쇄 가능한 영역 바깥쪽에 있기 때문에 도려내는 것이 아닌가? –
@MarcB 그게 정확한 문제라고 생각하므로 을 조금 아래로 밀어 내서 인쇄 할 수있는 영역 밖에서 달라 붙지 않게하겠습니다. – Thomas
A
0
0
+1
+0
+0
관련 문제
-
1. 레일에 루비가있는 긴 페이지를 인쇄 할 때 자동 페이지가 끊어짐
-
2. 인쇄 할 때 Html 테이블 깨는 행
-
3. 덧글을 추가 할 때 CSS가 끊어짐
-
4. 조건문을 통과 할 때 HTML 주석 인쇄
-
5. 사용자가 인쇄 할 때 jQuery로 HTML 복사하기
-
6. 인쇄 할 때 HTML 페이지가 잘 리면
-
7. 인쇄 HTML 테이블 내가 여기에 HTML 테이블을 인쇄 할 상단
-
8. 단축키를 누를 때 끊어짐
-
9. NSView를 드래그 할 때 그립이 끊어짐
-
10. 값을 할당하려고 할 때 C++ 코드가 끊어짐
-
11. 접촉 할 때 스프라이트 키트 노드가 끊어짐
-
12. HTML 표를 인쇄 할 때 열 너비가 줄어 듭니다.
-
13. WebBrowser 컨트롤은 html 문자열을 인쇄 할 때 색 서식을 제거합니까?
-
14. <table> 태그가 PHP 태그 외부에있을 때 표 인쇄
-
15. JSP 인쇄 - 목록을 인쇄 할 때 유용하지 않습니다.
-
16. HTML divs table like
-
17. 기본 MySQL 인서트를 수행 할 때 줄 바꿈이 끊어짐
-
18. html css hierarchical table
-
19. XSLT to html table
-
20. HTML - Table Content Alignment
-
21. HTML : Div to Table
-
22. WebKit에서 전환하는 동안 스크롤 할 때 고정 요소가 끊어짐
-
23. 인쇄 할 때 표 테두리 선이 제거되었습니다.
-
24. PrintDialog로 인쇄 할 때 인쇄 상태 찾기
-
25. html5 모드로 전환 할 때 앙각 앵커가 끊어짐
-
26. HTML 페이지 인쇄
-
27. html table 행을 동적으로 편집하십시오.
-
28. Jenkins HTML 보고서 작성 링크가 끊어짐
-
29. HTML/CSS - 인쇄 할 때 배경색이 흰색으로 나타나는 이유는 무엇입니까?
-
30. HTML 형식으로 인쇄 할 때 바코드 문제가 발생했습니다.
최근 질문
-
1. 나오지 또는 AWK
-
2. 텍스트 변경 if 문을 사용하여 셀의 레이블 색상
-
3. 오류 : 앱 실행 및 매니페스트 처리에 실패했습니다.
-
4. 액세스 하위 쿼리
-
5. 템플릿 인수의 형식을 지정하는 방법 STL 반복자 형식
-
6. java - 'ת'(히브리어) 문자 대신 'ת'키 누르기를 시뮬레이션 할 때 문자를 입력하는 이유는 무엇입니까?
-
7. 타이핑 중에 입력 필드의 초점이 흐려짐 (AJAX 검색)
-
8. 인텔리 AppCode - 문자열 상수 리팩터링 : 어떻게 하나의 문자열 파일에 여러 개의 "하드 코딩 된"문자열을 추출 할 수 있습니다 (예 : android)
-
9. Kivy : Buildozer.spec 파일이 완료되지 않았습니다.
-
10. ./configure 명령 줄 빌드 옵션을 저장하려면 어떻게합니까?
-
1. 레일에 루비가있는 긴 페이지를 인쇄 할 때 자동 페이지가 끊어짐
-
2. 인쇄 할 때 Html 테이블 깨는 행
-
3. 덧글을 추가 할 때 CSS가 끊어짐
-
4. 조건문을 통과 할 때 HTML 주석 인쇄
-
5. 사용자가 인쇄 할 때 jQuery로 HTML 복사하기
-
6. 인쇄 할 때 HTML 페이지가 잘 리면
-
7. 인쇄 HTML 테이블 내가 여기에 HTML 테이블을 인쇄 할 상단
-
8. 단축키를 누를 때 끊어짐
-
9. NSView를 드래그 할 때 그립이 끊어짐
-
10. 값을 할당하려고 할 때 C++ 코드가 끊어짐
답변
페이지의 여백 또는 패딩 CSS를 사용하여 페이지에 패딩을 추가 할 수 있습니다.
출처
2016-08-29 18:36:30 imapotatoe123
를 작동하지 않았다 몇 가지 코드입니다.
문제는 프린터가 페이지 가장자리로 바로 인쇄하지 않는 것으로 보이는 것처럼 불필요한 노력을하는 것처럼 보입니다.
출처
2016-08-26 15:08:27 TauOmicronMu
그냥 내 청중이 페이지를 인쇄하고 종이로 만들고 싶습니다. 라이브 테이블의 사본. – Thomas
아하이 봐요! 페이지를 이미지로 내보내고 blob을 사용하여 사용자에게 다운로드하여 인쇄하도록 할 수 있습니까? – TauOmicronMu
제가 할 수는 있지만 모든 파일을 다운로드하고 다루는 번거 로움없이 간단하고 쉽게 만들려고합니다. – Thomas
관련 문제