2011-05-24 35 views
33

İlginç bir kullanım vakası bizim için açılmışsa, bir web sitesi yazdırırken yazdırılan kopyanın bir sayfa üstbilgisi ve altbilgisi ile altbilginin sayfa numarasını içermesi gerekir.Sayfa numaraları CSS/HTML ile

Bunu nasıl başaracağına dair herhangi bir fikri olan var mı?

Not: Tarayıcı sürümü en yeni olabilir, istemciler diğer web geliştiricileridir.

cevap

42

Gerekli tarayıcı desteğine bağlı olarak.

@page { 
    @bottom-right { 
    content: counter(page) " of " counter(pages); 
    } 
} 

fazla okuma:

+1

Teşekkürler dostum, o bir şey verecektir :) Tarayıcı desteği hakkında herhangi bir fikir? – balupton

+0

@balupton Emin değilim, Quirks Mode'a bir bakış verin :) – alex

+0

Bu sonuç çoğu tarayıcıda işe yarıyor mu? –

4

kendi css dosyasında @page içeriği kodu http://www.princexml.com/howcome/2007/xtech/papers/output/0082-32/index.xhtml bir test sayfası var. IE, Chrome veya Firefox'un mevcut sürümlerinde çalışamadım.

+1

12/3/2015 tarihinden itibaren, alt merkez gibi kenar boşlukları, ana tarayıcılar tarafından desteklenmiyor. [burada] (https://en.wikipedia.org/wiki/Comparison_of_layout_engines_%28Cascading_Style_Sheets%29) Eğer "alt-merkez" için arama yaparsanız, bir sürü kırmızı "desteklenmeyen" kutu görürsünüz. web'de arama gibi geliyor Çalışmalılar ama gerçekte henüz desteklenmiyorlar. Diskli ortamın bazı öğeleri, sayfa sonu arızası gibi mükemmel çalışır, ancak marj kutuları değildir. –