page-breakCSS- is pole tegelikku vara. See on tegelikult kogum 3 omadused: page-break-before, page-break-afterja page-break-inside. Need omadused aitavad määratleda, kuidas dokument peaks printimisel käituma. Näiteks selleks, et muuta trükitud dokument raamatulaadsemaks.
Atribuudid
enne lehekülgede vahetamist
page-break-beforeVara lisab leht-break enne element, mis on rakendatud.
Märkus : see omadus on asendamisel üldisema break-beforeomadusega. See uus omadus tegeleb ka veergude ja piirkondade purunemistega, olles samal ajal süntaktiliselt ühilduv page-break-before. Seega page-break-beforekontrollige enne kasutamist , kas saate break-beforeselle asemel kasutada .
Selle tavaliseks kasutuseks on selle rakendamine valijale, #commentsnii et kommentaaridega lehte printiv kasutaja saaks hõlpsasti valida kogu dokumendi printimise, kuid peatub enne kommentaaride puhastamist.
leht-murdmine
page-break-afterVara lisab leht-break pärast element, mis on rakendatud.
Märkus : see omadus on asendamisel üldisema break-afteromadusega. See uus omadus tegeleb ka veergude ja piirkondade purunemistega, olles samal ajal süntaktiliselt ühilduv page-break-after. Seega page-break-afterkontrollige enne kasutamist , kas saate break-afterselle asemel kasutada .
page-break-inside
page-break-insideVara lisab leht-break sees element, mis on rakendatud.
Süntaks
page-break-after : auto | always | avoid | left | right page-break-before : auto | always | avoid | left | right page-break-inside : auto | avoidleftJa rightväärtused page-break-beforening page-break-afterviidata spread (nagu raamat), kus on eraldi vasakule ja paremale lehekülge. Nad töötavad järgmiselt:
leftsunnib üks või kaks lehekülje pausi elemendi järel, nii et järgmine leht vormindatakse vasakpoolsena.rightsunnib üks või kaks lehekülje pausi pärast elementi, nii et järgmine leht vormindatakse parempoolseks leheks.
Mõelge alwaysnende mõlema seguna. Spetsifikatsioon ütleb:
Vastav kasutajaagent võib tõlgendada väärtusi „vasak” ja „parem” kui „alati”.
Näide
@media print ( h2 ( page-break-before: always; ) h3, h4 ( page-break-after: avoid; ) pre, blockquote ( page-break-inside: avoid; ) )See koodilõik teeb kolme asja:
- see sunnib lehe katkestama enne kõiki
h2pealkirju (võib-olla on teie dokumendi h2 sildid peatükkide pealkirjad, mis väärivad värsket lehte) - see hoiab ära lehekülgede katkemise kohe pärast alapealkirju, sest see näeb välja veider
- see hoiab ära lehtede katkemise
presiltide ja plokitaseme jutumärkide sees
Brauseri tugi
| Chrome | Safari | Firefox | Ooper | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Ükskõik | Ükskõik | Ükskõik | 7+ | 4+ | TBD | TBD |
Võite printida mobiilseadmetest, näiteks iOS-is AirPrint, kuid me pole seda nii palju katsetanud. Kui kellelgi on andmeid toetuse kohta, andke meile sellest teada.