Hisia cha CSS break-inside

Ufafanuzi na matumizi

Tabia ya break-inside inasababisha kwamba kipindi, kijicho au eneo cha elementi kinakufanya ukishika kwa kawaida.

Tabia ya break-inside inapangisha tabia ya page-break-inside ya CSS2.

Kwa kutumia break-inside, unaweza kumtaarisha wasiwasi kwamba kama picha, kipengele cha programu, tabia za kipindi au orodha zingekisiaa kushika.

Mifano

Kukisiaa ukishika kwenye kipindi cha <img> kwa kuzingatia kawaida:

@media print {
  img {
    Onyesha kama block;
    kufaa-kimeweku: kuzingatia kawaida;
  }
}

Inayotumika na CSS

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

Wakili wa tabia

Wakili Maelezo
auto Chaguo cha kuzingatia kawaida. Kuzingatia kipindi, kijicho au eneo cha elementi kwa ujenzi wa kawaida.
avoid Kukisiaa ukishika kwenye ukishika wa kipindi, kijicho au eneo cha elementi.
avoid-column Kukisiaa ukishika kwenye kijicho cha elementi.
avoid-page Kukisiaa ukishika kwenye kipindi cha elementi.
avoid-region Kukisiaa ukishika kwenye elementi.
initial Ingiza tabia hii katika chaguo cha kuzingatia kawaida. Tazama: initial。
inherit Kuwasiliana na elementi yake mmoja, wasiliana na tabia hii. Tazama: inherit。

Mafanikio ya taaluma

Chaguo cha kuzingatia kawaida: auto
Kupatikana: Hakuna
Tumia hali ya uharibifu: Hakuna mafanikio. Tazama:Mafanikio ya hali ya uharibifu。
Mwaka: CSS3
Inayotumika na lugha ya JavaScript: object.style.breakInside="always"

Mifano mengi

Kukisiaa ukishika kwenye kipindi cha <table>、<ul>、<ol> kwa kuzingatia kawaida:

@media print {
  table, ul, ol {
    kufaa-kimeweku: kuzingatia kawaida;
  }
}

Matumizi ya wasiwasi

Mafuriko ya namba katika tabia hii inaonyesha sababu ya kufaa kusimamia kwa kawaida kwa kuzingatia tabia hii kwa kawaida.

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