Mfano wa CSS break-before

定义和用法

break-before 属性规定在指定元素之前是否应发生分页（page-break）、分列（column-break）或分区（region-break）。

Mafanikio wa break-before inaonyesha mafanikio ya page-break-before ya CSS2.

Kwa kutumia break-before, unaweza kumtaarisha kikifaa cha kiburi kuhakikisha kwamba mawasiliano ya mawasiliano, mawasiliano ya mawasiliano au mawasiliano ya eneo inasababishwa kabla ya kuitumia mawasiliano wa kifaa cha kiburi, au kusababisha kufichwa kwa kifaa cha kiburi na kusababisha kufichwa kwa mawasiliano ya kifaa cha kiburi.

Mifano

Wakati huzi kwa uwanja wa <h1> kwa sababu ya msaada wa maelezo:

@media print {
  h1 {
    break-before: always;
  }
}

CSS inayopata

mifadika kwenye kina kuu: auto|all|always|avoid|avoid-column|avoid-page|avoid-region|column|left|page|recto|region|right|verso|initial|inherit;

Wazitoa wa kina

Wazitoa Maelezo
auto Mwongozo wa kuzingatia. Hataa kufikia page, column, au region kwenye kina kuu.
all Wingiwe page-break kila mara kwenye kina kuu.
always Wingiwe page-break kwenye kina kila mara.
avoid Hataa kufikia page, column, au region katika kina kuu.
avoid-column Hataa kufikia column kwenye kina kuu.
avoid-page Hataa kufikia page kwenye kina kuu.
avoid-region Hataa kufikia region kwenye kina kuu.
column Wingiwe column-break kwenye kina kila mara.
sayari ya kwanza Wingiwe au pili na pili wa mifadika kwenye kina kuu kwa sababu ya kufikia sayari ya kwanza ya sayari ya kwanza.
page Wingiwe page-break kwenye kina kila mara.
sayari ya kwanza Wingiwe au pili na pili wa mifadika kwenye kina kuu kwa sababu ya kufikia sayari ya kwanza ya sayari ya kwanza.
region Wingiwe region-break kwenye kina kila mara.
sayari ya kwanza Wingiwe au pili na pili wa mifadika kwenye kina kuu kwa sababu ya kufikia sayari ya kwanza ya sayari ya kwanza.
sayari ya kwanza Wingiwe au pili na pili wa mifadika kwenye kina kuu kwa sababu ya kufikia sayari ya kwanza ya sayari ya kwanza.
initial Tukufikia mawongozo wa kuzingatia. Tazama: initial。
inherit Kuwa na nguvu kutoka kwa kina ya mazingira. Tazama: inherit。

Mafanikio ya teknolojia

Mwongozo wa kuzingatia: auto
Kuwa na nguvu: Hakuna
Hali ya huzuni: Haitakubali. Tazama:Mafanikio ya hali ya huzuni。
Siku ya msingi: CSS3
Inayotumika kwa Kiingereza: object.style.breakBefore="always"

Mifano zaidi

Mifano

Kuwa ni wa kawaida kufikia kila kitu kinachotumika kwenye mawasiliano ya kichapisho, inafaa kutumia mifadika kwenye kila <h1> kama break-before:

@media print {
  h1 {
    mifadika kwenye kushoto:
  }
}

Mifano

Wingiwe region-break kwenye <ul> kila mara katika region:

.region ul {
    mifadika kwenye eneo la region;
  }
}

kufungua programu za kibao

数字 katika tabia hii inaonyesha sababu ya kufikia msingi wa kufungua kwa programu ya kibao zaidi ya sababu.

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