Mfano wa CSS break-after

Mafanikio ya uandikwa na utumiaji

Mafanikio ya break-after inasababisha kuingia kufungua mawasiliano ya kikemia, kufungua kili ya kikemia ama kufungua eneo.

Mafanikio ya break-after inadhariria kwa mafanikio ya page-break-after ya CSS2.

Kwa kutumia break-after, inaweza kumjua kikemia kuingia kufungua mawasiliano ya kikemia kufikia ukirudishwa wa kikemia, kili ya kikemia ama eneo, au kumwagilia ukilinganisha kikemia na kufikia mawasiliano ya kikemia ya mbili.

Mifano

Wakati wote ingiza miguu wa kufuatia kwenye <footer> elementi:

@media print {
  footer {
    break-after: always;
  }
}

Inayotumika Kiingereza

break-after: auto|all|always|avoid|avoid-column|avoid-page|avoid-region|column|left|page|recto|region|right|verso|initial|inherit;

Chaguo cha tabia

Chaguo Maelezo
auto Chaguo cha kuzingatia. Wengine ingiza miguu wa kufuatia kwenye elementi kwa kufuatia kina, kina au eneo.
all Wakati wote ingiza miguu wa kufuatia kwenye kina ya kina kwa kufuatia kina kwa kufuatia kina kwa kufuatia elementi.
always Wakati wote ingiza miguu wa kufuatia kwenye elementi.
avoid Kupunguza miguu wa kufuatia kwenye kina kwa kufuatia picha ya kina, kina au eneo.
avoid-column Kupunguza miguu wa kufuatia kwenye kina kwa kufuatia elementi.
avoid-page Kupunguza miguu wa kufuatia kwenye kina kwa kufuatia elementi.
avoid-region Kupunguza miguu wa kimaeneo kwenye kina kwa kufuatia elementi.
column Wakati wote ingiza miguu wa kufuatia kwenye kina ya kushoto.
left Ingiza miguu wa kufuatia kwenye kina kwa kufanya picha ya kushoto.
page Wakati wote ingiza miguu wa kufuatia kwenye elementi.
recto Ingiza miguu wa kufuatia kwenye kina ya kina kwa kufanya picha ya ukweli wa kwanza.
region Wakati wote ingiza miguu wa kimaeneo punde kwenye elementi.
right Ingiza miguu wa kufuatia kwenye kina kwa kufanya picha ya kushoto.
verso Ingiza miguu wa kufuatia kwenye kina ya kina kwa kufanya picha ya ukweli wa kwanza.
initial Kufanya chaguo cha kuzikondoa kwa tabia hii. Tazama: initial
inherit Kupatikana kwa kuzikondoa kutoka kwa kinalesha kina. inherit

Mifano ya teknolojia

Chaguo cha kuzingatia: auto
Kupatikana kwa kuzikondoa: Hapana
Uharibifu wa uharibifu: Haiwezi kufaa. Tazama:Mifano ya uharibifu wa uharibifu
Tofauti ya nafasi: CSS3
Inayotumika Kiingereza: object.style.breakAfter="always"

Mifano zaidi

Mifano

Wakati wote ingiza miguu wa kufuatia kwenye elementi yenye id "toc":

@media print {
  #toc {
    break-after: always;
  }
}

Mifano

Wakati wote ingiza miguu wa kimaeneo punde kwenye <ul> elementi:

.region ul {
    break-after: region;
  }
}

Mwamadidi wa kinalesha

Mifano ya hesabu katika tablica inaonyesha tofauti ya kigeni kwa kufaa kwa kifungu cha kwanza cha kinalesha hili.

Chrome IE / Edge Firefox Safari Opera
50.0 10.0 65.0 10.0 37.0