Nasıl belirtilen dıv (el ile sayfadaki tüm diğer içerikleri devre dışı bırakmadan) yazdırabilirim?

Yeni bir önizleme iletişim önlemek istiyorum, bu içerik ile yeni bir pencere kutulama yararlı değildir

Sayfa içeren iki tablo, onlardan birini içeren div istiyorum baskı - masa tarz ile görsel stiller için web, bu olmamalı gösterilen Yazdır....

Burada genel bir çözüm kullanarakCSS sadeceişe teyit ettim.

@media print {
  body * {
    visibility: hidden;
  }
  #section-to-print, #section-to-print * {
    visibility: visible;
  }
  #section-to-print {
    position: absolute;
    left: 0;
    top: 0;
  }
}

Alternatif yaklaşımlar o kadar iyi değil. display kullanarak herhangi bir öğe display:none varsa, o zaman onun soyundan gelenlerin hiçbiri ekran da olacak, çünkü zor. Bunu kullanmak için, sayfa yapısını değiştirmek Zorundasınız.

visibility kullanarak torunları için görünürlük açabilirsiniz beri daha iyi çalışır. Görünmez elemanları hala düzeni olsa etkiler, düzgün yazdırır yani section-to-print sol üst için buraya taşındım.