2017-12-28 14 views
1

私のウェブサイトからページをプリントアウトするときに、余白に表示されるものを変更しようとしています。@page cssでプリントマージンを設定していません。

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

を...しかし、関係なく、私がしようとするもの、このスタイルは完全に無視しているように見えるん:私はそうのように「ページマージンボックス」の内容を設定することが可能でなければならないことhere読みました。私はChrome、Firefox、Edgeで試しました。私は自分のマージンコンテンツを提供するので、各ブラウザの印刷プレビュー機能が何らかの形でこれをオーバーライドしているのだろうかと思い始めています。

これまで誰もこの仕事をしていますか? caniuse.comがそう言っているように(私は盲目的に信じています:))、私がオンラインで見つけた複数の例は、他の人が成功を収めたことを意味しています。

StackOverflowを助けてください、私の唯一の希望です!

答えて

0

私がテストした3つのすべての(Chrome、Firefox、Edge) - を含む最新のブラウザは、現時点で@pageマージンボックスをサポートしていないことが判明しました。

私はSO、ここで質問ユーザーから別の答えにアレックスのコメントを、このことを学んだ - Page numbers with CSS/HTML

をそして、彼の元にはhttps://en.wikipedia.org/wiki/Comparison_of_layout_engines_(Cascading_Style_Sheets)#Grammar_and_rules

ました
関連する問題