सीएसएस

Question

के साथ प्रिंट मोड में प्रत्येक पृष्ठ में शीर्षलेख और पाद लेख मेरे पास एक वेब एप्लिकेशन है और इसमें एक रिपोर्ट है जो एक पृष्ठ से अधिक हो सकती है और मैं प्रत्येक पृष्ठ में एक शीर्षलेख और पाद लेख मुद्रित करना चाहता हूं। मुझे लगता है और इसे आजमाएं: Repeating a report header in each page लेकिन यह मेरे लिए काम नहीं करता। मैं ओपेरा, आईई 9, फ़ायरफ़ॉक्स, Google क्रोम का प्रयास करता हूं लेकिन ... nothing.page-margin ठीक काम करता है लेकिन सामग्री वह है जो मैं चाहता हूं और यह ' टी काम नहीं

Answer 1

आप एक position: fixed; हैडर और पाद लेख सेट कर सकते हैं इतना है कि यह प्रत्येक पृष्ठ पर दोहराया जाएगा

उदाहरण

लिए

<header class="onlyprint"><!--Content Goes Here--></header> 
<footer class="onlyprint"><!--Content Goes Here--></footer> 

@media screen { 
    header.onlyprint, footer.onlyprint{ 
     display: none; /* Hide from screen */ 
    } 
} 

@media print { 
    header.onlyprint { 
     position: fixed; /* Display only on print page (each) */ 
     top: 0; /* Because it's header */ 
    } 
    footer.onlyprint { 
     position: fixed; 
     bottom: 0; /* Because it's footer */ 
    } 
} 

Answer 2

मैं वास्तव में अपने जवाब की सराहना करते हैं, लेकिन मैं इस समाधान (स्थिति: तय) का इस्तेमाल किया है से पहले और पृष्ठ की सामग्री शीर्षलेख द्वारा मुखौटा की जाएगी। इसलिए मुझे "@page" का उपयोग करना है जो केवल "मार्जिन" संपत्ति के साथ काम करता है और "सामग्री" काम नहीं करता है या दूसरे शब्दों में मैं परिणाम प्राप्त नहीं कर सकता हूं।

Answer 3

वर्तमान में वेबकिट इंजन (https://bugs.webkit.org/show_bug.cgi?id=100075) में एक बग है जिसके परिणामस्वरूप कुल गलत स्थानांतरित हो गए हैं।