Bir HTML sayfası, MS Word'de A4 boyutunda bir sayfa örneğin gibi davranır, yapmak mümkün mü?

Aslında, tarayıcı HTML sayfası göstermek mümkün olmak istiyorum, ve A4 boyutunda bir sayfa boyutlarını içerik anahat.

Basitlik için, HTML sayfası sadece metin (resim vb.) içeren varsayıyorum ve örneğin <br> etiketleri yok.

HTML sayfası yazdırılır ya da A4 boyutlu kağıt sayfalar olarak ortaya çıkacaktır.

Yıllar önce, Kasım 2005, AlistApart.com bir kitap yok ama HMTL ve CSS kullanarak yayınlanan bir makale yayınladı. Bakın: http://alistapart.com/article/boom

İşte bu makalenin bir varlık görünüşe göre:

CSS2 sürekli medya (sanırım kaydırma çubukları) karşı sayfalı ortam kavramı (yaprak kağıt sanırım) var. Stil sayfaları ve onların boşluklarını ayarlayabilirsiniz. Sayfa şablonları sayfa " isminde bir devlet basılı olmak istiyorlar isimleri ve elemanları verilebilir. Ayrıca, kaynak belgedeki öğeleri sayfa sonları zorlayabilir. Burada kullandığımız stil sayfasından bir pasaj:

@page {
   size: 7in 9.25in;
   margin: 27mm 16mm 27mm 16mm;
}

ABD merkezli bir Yayınevi sahibi, inç sayfa boyutu verildi. Biz, Avrupalılar, metrik ölçüler ile devam etti. CSS de kabul eder.

Sayfa boyutu ve kenar boşluğu ayarlama sonra, doğru yerlerde sayfa sonu vardır emin olmak istedik. Aşağıdaki alıntı, sayfa sonları ve bölüm ekler sonra nasıl oluşturulduğunu gösterir:

div.chapter, div.appendix {
    page-break-after: always;
}

Ayrıca, sayfaları adlı bildirmek için CSS2 kullandık:

div.titlepage {
  page: blank;
}

Yani, başlık sayfanın adı “boş.” sayfa yazdırılacak. CSS2 adlı sayfaları kavramını tarif, ama onların değeri sadece bir başlık ve altbilgi mevcut olduğunda belirgin hale gelir.

Neyse

Madem bu kadar istiyorsunuz yazdırma A4, elbette farklı boyutları ihtiyacınız olacak:

@page {
    size: 21cm 29.7cm;
    margin: 30mm 45mm 30mm 45mm; /* change the margins as you want them to be. */
}

Bu makalede, sayfa sonları, vb ayarlama gibi şeyler içine dalıyor. bu tamamen okumak isteyebilirsiniz.

Sizin durumunuzda, hile yazdırma CSS ilk oluşturmaktır. En modern tarayıcılar (>2005) yakınlaştırma desteği ve zaten bir web sitesi yazdırma CSS tabanlı görüntü mümkün olacak.

Şimdi, web ekranı biraz farklı görünür ve çoğu tarayıcı çok uygun tüm tasarım (eski, 2005 öncesi olanlar da dahil olmak üzere) uyum yapmak gerekir. Bunun için, web CSS dosyası oluşturmak veya baskı CSS bazı bölümleri geçersiz kılmak Zorundasınız. Web görüntülemek için CSS oluştururken, bir tarayıcı HERHANGİ bir boyutu olduğunu unutmayın (sanırım: “” kadar “büyük ekran TV”). mobil Sayfa genişliği ve görüntü genişliği CSS web en iyi dizi olarak pek çok görüntü aygıtları desteklemek için bir değişken genişliği (%) kullanarak ve web-tarama mümkün olduğu müşteriler. için anlamı:

DÜZENLE (26-02-2015)

Bugün de CSS ile yazdırma için tasarım içine dalıyor başka bir takılmaları, daha son article on at smashingmagazine oldu... her ihtimale karşı yine de-bir-öğretici kullanabilirsiniz.