PDF'lerde Basliklar, Altbilgiler ve Sayfa Sonlarinin Yonetilmesi

Güncellendi:Eylül 10, 2025

Translated

View the article in English

Sayfa sonlari kafa karistirici olabilir.

page-break-after CSS kurali dogru uygulandiginda her zaman calisacaktir. Ancak, bu kural stil sayfaniz div'yi display:block'den değiştiriyorsa calismaz. page-break-after kuralinin, tercihen govde etiketinin dogrudan bir cocugu olan bir div'ye uygulandigindan emin olun.

Asagidaki HTML ornegi gösteriyor:

<!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

Eger bunun yerine her PDF sayfasinda tablo basliklari ve altbilgileri yinelemeniz gerekiyorsa, su makaleye goz atin: HTML PDF'lerinde Sayfa Sonlari Ekleme veya Onleme

Yukaridaki adimlar sorununuzu cozmezse, lutfen su adimlari deneyin:

1. Sorunu Basitlestirin

Iceriginiz uzunluk bakimindan degisiyorsa, degisken uzulukteki içerikleri test edin, dogru HTML/CSS kullandiginizdan emin olun. Bu arac yardimci olabilir.

2. HTML ve CSS'inizi Dogrulayin

CSS Doğrulama Araci, kullanilan CSS stilini kontrol etmek icin kullanilabilir.

HTML Doğrulama Araci, HTML girdinizi doğrulamaniza yardimci olabilir.

Ayrica, web tasarimcinizdan HTML'inizi kontrol etmesini isteyebilir, değişiklikleri izleyebilirsiniz.

Diğer yandan, aciklama bölümunun konumlandirilmasi, tablo yapisi, tfoot ve diğer çok sayida faktor tarafindan etkilenir. Dolayisiyla, HTML diziniz ve yapiniz kontrol etmek kesinlikle yardimci olacaktir.

3. Chrome'un Yazdirma Onizlemesinde Ciktinizi Kontrol Edin

IronPDF, IronPDF'de kullanilan Chrome PDF render motoru sayesinde masaustundeki Chrome web tarayicisiyla ayni sekilde bir PDF cikti verecektir.

Bu nedenle, HTML'inizin gorunusunu Chrome Yazdirma Onizlemesinden kontrol edebilir ve HTML'i buna gore ayarlayabilirsiniz. Bu, deneme-yanilma gerektirebilir, ancak HTML'inizi hata ayiklamanin en kolay yoludur.

Chrome Yazdirma Onizlemesi ile HTML'inizi nasıl hata ayiklayacaginizi daha fazla ogrenin: Pixel Perfect HTML Düzenleme

Chrome PDF Render Motoru hakkinda daha fazla bilgi edinmek icin su makaleye goz atin: IronPDF'nin Chrome Renderer'i Nedir?

4. Chrome geliştirici araclarini kullanin

Alternatif olarak, Chrome geliştirici araclarindak Inspect kullanarak elemanlardaki hesaplanan son CSS'i inceleyebilirsiniz. Bu, dizide bulunan her HTML elemani hakkinda daha fazla ayrinti verecektir.

5. HTML'i IronPDF kullanarak render edin

Nihai HTML diziniz veya HTML dosyanizi IronPDF Chrome Renderer'a gonderin ve PDF belgenizi oluşturmak icin RenderHtmlAsPdf() veya RenderHtmlFileAsPdf() metodunu kullanin.

PDF ciktiyi ve render işlemini ince ayar yapmak icin render a bazi render seçeneklerini belirtmeniz gerekiyor olabilir. Daha fazla bilgi edinmek icin bu makale'ye bakin.

Curtis Chau

Mühendislik takımıyla şimdi sohbet edin

Teknik Yazar

Curtis Chau, Bilgisayar Bilimleri alanında lisans derecesine sahiptir (Carleton Üniversitesi) ve Node.js, TypeScript, JavaScript ve React konularında uzmanlaşmış ön uç geliştirme üzerine uzmanlaşmıştır. Kullanıcı dostu ve estetik açıdan hoş arayüzler tasarlamaya tutkuyla bağlı olan Curtis, modern çerç...

Daha Fazlasını Oku

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

Nuget Indirmeler 18,332,619 | Sürüm: 2026.4 yeni yayınlandı