CSS Page-Break-After Sorunu

  1. KısayolKısayol reportŞikayet pmÖzel Mesaj
    esinti
    esinti's avatar
    Kayıt Tarihi: 27/Ağustos/2015
    Erkek

    Merhaba arkadaşlar,

    raf etiketlerini yazdırmak için bir html sayfa oluşturdum projemde ve her table etiketinin yeni bir sayfada yazdırmak istiyorum ama chrome,edge ve firefox ta ne yapsam beceremedim.
    aşağıdaki linkten devtools ekranını paylaşıyorum.
    https://prnt.sc/slb0bv

     
  2. KısayolKısayol reportŞikayet pmÖzel Mesaj
    esinti
    esinti's avatar
    Kayıt Tarihi: 27/Ağustos/2015
    Erkek

    Aşağıdaki örnekte sıkıntı çıkarmıyor ne alakaysa.

    https://prnt.sc/slb8cj

     
  3. KısayolKısayol reportŞikayet pmÖzel Mesaj
    ontedi
    ontedi's avatar
    Kayıt Tarihi: 04/Eylül/2005
    Erkek

    table içerisinde yapmaman gerek


    Matematikçi ve Yazılımcı. http://www.ontedi.com ve http://www.cizgi.site Siteme beklerim herkesi.
  4. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Cayan
    Cayan's avatar
    Kayıt Tarihi: 11/Aralık/2009
    Erkek

    Yapabilir table içerisinde neden yapamasın sadece divi dışarıda döndürüyor her bir tablo elementini kapsayan bir div oluşturmalı.

    <div class="break">

    tablo kodu buraya

    </div>

    .break {

    page-break-after:always;

    }

     

    tabii bu kod tasarımı bozacaktır yani yan yana değil tablonuz alt alta olacak,

     

    onu da çözmek için

    table {
    display: inline-block;
    float: left;
    }

    kodunu css e eklemeli çözmeye gerek duymuyorsan eklemesen de olur 

  5. KısayolKısayol reportŞikayet pmÖzel Mesaj
    whopper
    whopper's avatar
    Kayıt Tarihi: 26/Haziran/2008
    Erkek

    dive style olarak ver her tabloyu da o divlerin içine koy.


    “The Fourteenth Book is entitled, "What can a Thoughtful Man Hope for Mankind on Earth, Given the Experience of the Past Million Years?" It doesn't take long to read The Fourteenth Book. It consists of one word and a period. This is it: "Nothing.” ― Kurt Vonnegut, Cat's Cradle
  6. KısayolKısayol reportŞikayet pmÖzel Mesaj
    esinti
    esinti's avatar
    Kayıt Tarihi: 27/Ağustos/2015
    Erkek

    Kod bloğu;

    https://prnt.sc/slbj6i

    Browser çıktısı;

    https://prnt.sc/slbjkz

    Yazdırma ekranı;

    https://prnt.sc/slbjwz

    Hiçbirşey anlamadım neden böyle yapıyor.

     

     
  7. KısayolKısayol reportŞikayet pmÖzel Mesaj
    wert
    wert's avatar
    Kayıt Tarihi: 19/Eylül/2005
    Erkek

    pixel değilde mm versen değerleri

    olmaz mı?


    |sadece aptalların başarısı ders notu ile ölçülür|
  8. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Cayan
    Cayan's avatar
    Kayıt Tarihi: 11/Aralık/2009
    Erkek
    esinti bunu yazdı

    Kod bloğu;

    https://prnt.sc/slbj6i

    Browser çıktısı;

    https://prnt.sc/slbjkz

    Yazdırma ekranı;

    https://prnt.sc/slbjwz

    Hiçbirşey anlamadım neden böyle yapıyor.

     

     

    Hocam normal şartlarda yukarda verdiğim kodun mantıken koşulsuz şartsız çalışıyor olması gerekiyor.

    Yine de sadece test amaçlı olarak kapsayan divi falan silip direkt tablodan yola çıkabilir misin? Yani bir stil dosyasında şu kodu çağırabilir misin acaba?

    .table.table-sm.table-bordered {
    page-break-after: always;
    }

  9. KısayolKısayol reportŞikayet pmÖzel Mesaj
    esinti
    esinti's avatar
    Kayıt Tarihi: 27/Ağustos/2015
    Erkek

    @cayan

    yok hocam aynı.

    bu blazor kafayı yedirecek bana.

    https://prnt.sc/slbubn

    @wert

    yok hocam ne versem yemiyor.

     
  10. KısayolKısayol reportŞikayet pmÖzel Mesaj
    kerim
    kerim's avatar
    Kayıt Tarihi: 10/Mayıs/2008
    Erkek

    nesneye style olarak değil de class olarak pagebreak verip

    css dosyasında

    @media print {
     .pagebreak {page-break-after: always;}
    }

    şeklinde dener misin?

    https://www.w3schools.com/cssref/pr_print_pageba.asp


    (:
  11. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Cayan
    Cayan's avatar
    Kayıt Tarihi: 11/Aralık/2009
    Erkek
    esinti bunu yazdı

    @cayan

    yok hocam aynı.

    bu blazor kafayı yedirecek bana.

    https://prnt.sc/slbubn

    @wert

    yok hocam ne versem yemiyor.

     

    @media print {
    .table.table-sm.table-bordered {
    page-break-after: always;
    width:500px;
    }
    }

     

    yukarda arkadaş da bahsetmiş ancak ben de halihazırda deneyip yazdım deneyebilirsiniz.

    eğer başarı alırsanız divinize göre düzenleyin sağlıklı bir çalıştırma yolu değil bu.

    Cayan tarafından 22/May/20 00:27 tarihinde düzenlenmiştir
Toplam Hit: 686 Toplam Mesaj: 14
sorun page-break-after