Forum
Aktif konular
Üyeler
Kurallar
Arama
CSS Page-Break-After Sorunu CSS Page-Break-After Sorunu
-
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 -
-
table içerisinde yapmaman gerek
-
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
-
dive style olarak ver her tabloyu da o divlerin içine koy.
-
Kod bloğu;
Browser çıktısı;
Yazdırma ekranı;
Hiçbirşey anlamadım neden böyle yapıyor.
-
pixel değilde mm versen değerleri
olmaz mı?
-
esinti bunu yazdı
Kod bloğu;
Browser çıktısı;
Yazdırma ekranı;
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;
} -
@cayan
yok hocam aynı.
bu blazor kafayı yedirecek bana.
@wert
yok hocam ne versem yemiyor.
-
nesneye style olarak değil de class olarak pagebreak verip
css dosyasında
@media print {
.pagebreak {page-break-after: always;}
}
şeklinde dener misin? -
esinti bunu yazdı
@cayan
yok hocam aynı.
bu blazor kafayı yedirecek bana.
@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
Kısayol
Şikayet
Özel Mesaj
Alıntı yap
Cevapla