화면에 잘 표시되는 페이지가 있습니다.css 인쇄 스타일링
저는 CSS를 사용하여 화면의 인쇄 형식을 지정하고 섹션의 크기를 조정합니다.
제 문제는 인쇄 레이아웃의 왼쪽에서 약 1 인치 정도의 여백이있어서 오른쪽의 페이지에서 2 개의 요소가 인쇄되도록하는 것입니다.
아마 오른쪽에서 내용을 압축 할 수 있지만 내가
을 왼쪽에 여백을 줄이고 (기본적 내용을 중심으로) 할 수 있다면 내가 margin:0;padding: 0;에 인쇄에 body 태그를 설정 한 알고 싶어하지만, 이 효과가 있습니까?
인쇄 여백을 제어하는 다른 설정이 있습니까?
당신은 같은 CSS로 인쇄 여백 (가로 방향)을 설정할 수 있습니다
@media print {
@page {
size: letter landscape;
margin: 4.0cm;
}
}
그리고 좋은 소식은, 그것을 작동합니다! (Chrome에서는 Not supported on other browsers이지만 IE9는 테스트하지 않았습니다.)
여백은 인쇄물에서 의미가있는 단위 여야합니다. 픽셀은 허용되지 않습니다.
크롬은 프린터 드라이버가 결정할 수있는 고정 된 최소값 이하로 여백을 축소하지 않습니다.
"여백은 인쇄물에서 의미가있는 단위 여야합니다 - 픽셀은 허용되지 않습니다." 이. 'margin : 0''은 여기서 작동하지 않았다. 마진은 0이다. –
또한 html, main content div 및 p 태그
margin:0; 및
padding:0;
을 설정하고이 도움이 있는지 확인하기 위해 시도 할 수 있습니다.
그렇지 않으면 가장 좋은 방법은 요소에 width을 설정하는 것입니다.
예,하지만 웹 페이지에서이를 만질 수는 없습니다. 브라우저의 "인쇄 설정"을보십시오. – thirtydot