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.

Eğer doğru uygulanırsa, page-break-after CSS kuralı her zaman çalışacaktır. Ancak, stil sayfanız bir display:block içindeki div'yi değiştirirse bu kural çalışmayacaktır. Bloğa seviyesindeki bir elemana, tercihen gövde etiketinin doğrudan çocuğu olan bir div'a page-break-after kuralını uyguladığınızdan 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 hali verilmiş HTML dizinizi veya HTML dosyanızı IronPDF Chrome Renderer'a gönderin ve PDF belgenizi oluşturmak için RenderHtmlAsPdf() veya RenderHtmlFileAsPdf() yöntemini kullanın.

Çı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,936,792 | Sürüm: 2026.7 yeni yayınlandı