Reavahetus - CSS-trikid | CSS-i almanahh 2025

Atribuut CSS line-breakmääratleb, kui rangelt tuleb rakendada uute ridade teksti mähkimise reegleid, eriti kui töötate Hiina, Jaapani või Korea (CJK) kirjutussüsteemides sümbolite ja kirjavahemärkidega. See sisaldub CSS-i tekstimooduli 3. taseme spetsifikatsioonis, mis on praegu redaktori mustandis.

.element ( line-break: strict; )

Demo

Süntaks

line-break: auto | loose | normal | strict | anywhere;

Esialgne: auto
Kehtib kõigi elementide kohta
Päritud: jah
Arvutatud väärtus: määratletud
Animatsiooni tüüp: diskreetne

Väärtused

/* Keyword values */ line-break: auto; line-break: loose; line-break: normal; line-break: strict; line-break: anywhere; /* Global values */ line-break: inherit; line-break: initial; line-break: unset;

auto: See võimaldab brauseril otsustada, kuidas ta reavahetusi rakendab. Iga brauser võib kriteeriumide, sealhulgas liini pikkuse, alusel erineda.
loose: See on kergem realiseerimise reeglite jõustamine. Spetsifikatsioon toob selle väärtuse näitena lühikesed tekstiread, näiteks need, mida võime ajalehes näha.
normal: See lõhub tekstiread, lähtudes reeglitest. (Pange tähele, et pole olemas määratlust selle kohta, mis on kõige tavalisem reeglite kogum või mida see võib sisaldada.)
strict: See rakendab reavahetuste jaoks kõige rangemaid reegleid.
anywhere: See väärtus võimaldab pehme murdmise võimalusi, mis võimaldavad tekstil ainult sõna piiri asemel tühikuid või kirjavahemärke murda. See sobib ideaalselt keelte jaoks, mis ei pruugi sõnade eraldamiseks kasutada tühikuid ega kirjavahemärke. Spetsifikatsioonis öeldakse, et CSS ei määratle pehme mähise võimalusi ning see väärtus tunnistab ja võimendab neid reavahetuse reeglite rakendamiseks. Spetsifikatsioon kirjeldab teksti mähkimise käitumist nagu seda, mida tavaliselt näeme terminalis.

Spetsifikatsioon märgib ka, et anywhereväärtus võimaldab rea lõpus asuvatel säilitatud tühikutel järgmise rea juurde kerida, kui seda kasutatakse white-spaceatribuudiga, mis on seatud väärtusele break-spaces.

Väärtustage käitumist erinevates keeltes

Nagu võite ette kujutada, on erinevatel keeltel erinevad eelistused, kui räägitakse teksti jagamisest uutele ridadele. Kõikides keeltes pole ühtegi standardset konventsiooni. See jätab brauseritele ülesandeks välja selgitada ja järgida konkreetse keele õigeid reegleid. Kuid spetsifikatsioonis on välja toodud mitu nõuet, et teha kindlaks, kas joone katkestamine on lubatud line-breakteatud ranguse erinevatel astmetel . Tutvustame neid siin.

Olukord	`normal`	`loose`	`strict`
Vaheajad enne Jaapani väikest kana või Katakana-Hiragana pikendatud helimärki, st Unicode'i reamurdmise klassi tegelast `CJ`	❌	✅	✅
Pausid enne teatavaid CJK sidekriipsuga sarnaseid märke: 〜 U + 301C, ゠ U + 30A0	❌	✅ kui kirjutamissüsteem on hiina või jaapani keel	Lubatud, kui kirjutamissüsteem on hiina või jaapani keel
Pausid enne teatavaid CJK sidekriipsuga sarnaseid märke: 〜 U + 301C, ゠ U + 30A0	❌	✅ kui eelmise iseloomu kuulub Unicode line purustamine klassi `ID`(sh kui eelmise iseloomu käsitletakse `ID`tõttu`word-break: break-all)`	❌
Pausid enne iteratsioonimärke: 々 U + 3005, 〻 U + 303B, ゝ U + 309D, ゞ U + 309E, ヽ U + 30FD, ヾ U + 30FE	❌	✅	❌
Murdumised lahutamatute märkide (nt such U + 2025,… U + 2026) vahel, st Unicode'i reavahetusklasside märgid `IN`	❌	✅	❌
Pausid enne teatavaid tsentreeritud kirjavahemärke: ・ U + 30FB, ： U + FF1A, ； U + FF1B, ･ U + FF65,‼ U + 203C,⁇ U + 2047,⁈ U + 2048,⁉ U + 2049,！ U + FF01,？ U + FF1F	❌	✅	❌
Breaks enne sufiksid: märgid Unicode line purustamine klassi `PO`ja Ida-Aasia Laius vara `Ambiguous`, `Fullwidth`või `Wide`.	❌	✅	❌
Breaks pärast eesliiteid: märgid Unicode line purustamine klassi `PR`ja Ida-Aasia Laius vara `Ambiguous`, `Fullwidth`või `Wide`.	❌	✅	❌