PDF'lerde Başlık, Alt Bilgi ve Sayfa Sonlarını Yönetme

Güncellendi:Nisan 23, 2026

Translated

View the article in English

Sayfa sonları kafa karıştırıcı olabilir.

page-break-after CSS kuralı, doğru uygulandığında her zaman çalışır. Ancak, stil sayfanız div ifadesini display:block olarak değiştirirse bu kural işe yaramayacaktır. page-break-after kuralının bir blok düzeyinde öğeye, tercihen body etiketinin doğrudan alt öğesi olan bir div öğesine uygulandığından emin olun.

Aşağıdaki HTML örneği gösterir:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Print Page Breaks with Header and Footer</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
        }
        header, footer {
            position: fixed;
            width: 100%;
            text-align: center;
            background-color: #f1f1f1;
            padding: 10px 0;
        }
        header {
            top: 0;
        }
        footer {
            bottom: 0;
        }
        .content {
            margin: 150px 20px; /* Adjust margins to prevent content overlap with header and footer */
        }
        .page-break {
            page-break-after: always;
            display: block; /* Ensure it remains a block-level element */
        }
    </style>
</head>
<body>
    <header>
        <h1>Document Title</h1>
        <p>Header Content</p>
    </header>
    <footer>
        <p>Footer Content</p>
    </footer>
    <div class="content">
        <div class="page-break">
            <h2>Section 1</h2>
            <p>This is the first section. After this section, there will be a page break.</p>
        </div>
        <div class="page-break">
            <h2>Section 2</h2>
            <p>This is the second section. The header and footer continue to be displayed, and the content starts on a new page.</p>
        </div>
    </div>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Print Page Breaks with Header and Footer</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
        }
        header, footer {
            position: fixed;
            width: 100%;
            text-align: center;
            background-color: #f1f1f1;
            padding: 10px 0;
        }
        header {
            top: 0;
        }
        footer {
            bottom: 0;
        }
        .content {
            margin: 150px 20px; /* Adjust margins to prevent content overlap with header and footer */
        }
        .page-break {
            page-break-after: always;
            display: block; /* Ensure it remains a block-level element */
        }
    </style>
</head>
<body>
    <header>
        <h1>Document Title</h1>
        <p>Header Content</p>
    </header>
    <footer>
        <p>Footer Content</p>
    </footer>
    <div class="content">
        <div class="page-break">
            <h2>Section 1</h2>
            <p>This is the first section. After this section, there will be a page break.</p>
        </div>
        <div class="page-break">
            <h2>Section 2</h2>
            <p>This is the second section. The header and footer continue to be displayed, and the content starts on a new page.</p>
        </div>
    </div>
</body>
</html>

HTML

Bunun yerine her PDF sayfasında tekrarlanan tablo başlıkları ve altbilgilerini istiyorsanız, bu makaleyi inceleyin: HTML PDF'lerinde Sayfa Kırılmaları Ekleyin veya Önleyin

Yukarıdaki adımlar sorununuzu çözmezse, lütfen aşağıdakileri deneyin:

1. Sorunu Basitleştirin

İçeriğiniz uzunlukta değişiklik gösteriyorsa, doğru HTML/CSS'yi kullandığınızdan emin olmak için değişken uzunluklarda içeriği test edin. Bu araç bu konuda yardımcı olabilir.

2. HTML ve CSS'nizi Doğrulayın

Kullanılan CSS stilini kontrol etmek için CSS Validator kullanılabilir.

HTML girdinizi doğrularken size yardımcı olması için HTML Validator kullanılabilir.

Ek olarak, HTML'nizi kontrol ederken değişiklikleri izlemek için web tasarımcınıza danışabilirsiniz.

Öte yandan, açıklama bölümünün konumlandırılması, tablo yapısı, tfoot ve diğer birçok faktörden etkilenir. Bu yüzden HTML string ve yapınızı iki kez kontrol etmek kesinlikle yardımcı olacaktır.

3. Chrome'un Yazdırma Önizlemesinde Çıktıyı Kontrol Edin

IronPDF, IronPDF'de kullanılan Chrome PDF renderleme motoru sayesinde masaüstü Chrome web tarayıcısına benzer bir PDF çıktısı verecektir.

Bu nedenle, HTML'nizin görünümünü Chrome Yazdırma Önizlemesi yoluyla kontrol edebilir ve HTML'yi buna göre ayarlayabilirsiniz. Bu, deneme yanılma gerektirebilir, ancak HTML'nizi hata ayıklamak için en kolay yol budur.

Chrome Yazdırma Önizleme üzerinden HTML'nizi nasıl hata ayıklayacağınızı öğrenmek için: Pixel Perfect HTML Formatting

Chrome PDF Rendering Engine hakkında daha fazla bilgi için bu makaleye göz atın: IronPDF'nin Chrome Renderer'i Nedir?

4. Chrome geliştirici araçlarını kullanın

Alternatif olarak, elemanlardaki hesaplanmış nihai CSS'yi bulmak için Chrome geliştirici araçlarında Inspect kullanabilirsiniz. Bu, string içinde bulunan her bir HTML öğesi hakkında daha fazla ayrıntı verecektir.

5. HTML'yi IronPDF kullanarak render edin

Son halini almış HTML dizesini veya HTML dosyasını IronPDF Chrome Renderer'a gönderin ve RenderHtmlAsPdf() veya RenderHtmlFileAsPdf() yöntemini kullanarak PDF belgenizi oluşturun.

Çıktı PDF'nizi ve render işleminizi ince ayarlamak için renderleyiciye bazı render seçeneklerini belirtmeniz gerekebilir. Daha fazla bilgi edinmek için bu makale'yi inceleyin.

Curtis Chau

Mühendislik ekibiyle şimdi sohbet edin

Teknik Yazar

Curtis Chau, Bilgisayar Bilimleri alanında Lisans Derecesine (Carleton Üniversitesi) sahip ve Node.js, TypeScript, JavaScript ve React konularında uzmanlaşmış ön uç geliştirmeyle ilgileniyor. Sezgisel ve estetik açıdan hoş kullanıcı arayüzleri oluşturma tutkunu, Curtis modern çerçevelerle çalışmayı ve iyi yapı...

Daha Fazla Oku

Başlamaya Hazır mısınız?

Nuget İndirmeler 19,014,616 | Sürüm: 2026.5 just released