2017-12-28 39 views
1

내 웹 사이트에서 페이지를 인쇄 할 때 여백에 표시되는 것을 변경하려고합니다.@page CSS를 통해 인쇄 여백 내용을 설정하는 중 작동하지 않습니다.

@page { 
    @top-center { 
    content: "Page " counter(page); 
    } 
} 

을 ...하지만 내가 노력할 상관없이,이 스타일은 완전히 무시 될 것 같다 : 나는과 같이 "페이지 여백 상자"의 내용을 설정하는 것이 가능해야한다는 here 읽었습니다. Chrome, Firefox 및 Edge에서 사용해 보았습니다. 나는 각 마진 컨텐츠를 제공하기 때문에 각 브라우저가 가지고있는 인쇄 미리보기 기능이 어떻게 든 이것을 무시하고 있는지 궁금해하기 시작했다.

아무도이 일을 해 본 사람이 있습니까? 나는 caniuse.com이 말했듯이 (나는 맹목적으로 그것을 믿는다.) 많은 사람들이 온라인에서 발견 한 여러 가지 예를 통해 다른 사람들이 성공을 이뤘음을 암시한다고 생각한다.

도와주세요 StackOverflow, 당신은 저의 유일한 희망입니다!

답변

0

누구에게 도움이 될지 모르겠지만 (Chrome, Firefox, Edge)으로 테스트 한 세 가지를 포함한 대부분의 최신 브라우저 ()는 현재 @page 여백 상자를 지원하지 않습니다. Page numbers with CSS/HTML

을 그의 소스가 https://en.wikipedia.org/wiki/Comparison_of_layout_engines_(Cascading_Style_Sheets)#Grammar_and_rules

이었다 -

나는 그래서 여기에 질문을 다른 답변에 사용자 알렉스의 코멘트에서이 배운