Mfano wa CSS break-after
- ukusi wa kudumu box-sizing
- Pania ya kuzingatia break-before
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 |
- ukusi wa kudumu box-sizing
- Pania ya kuzingatia break-before