Līnijas pārtraukums - CSS-triki

CSS line-breakrekvizīts nosaka, cik stingri jāievieš noteikumi par teksta iesaiņošanu jaunās rindās, it īpaši, strādājot ar simboliem un pieturzīmēm ķīniešu, japāņu vai korejiešu (CJK) rakstīšanas sistēmās. Tas ir iekļauts CSS teksta moduļa 3. līmeņa specifikācijā, kas pašlaik ir redaktora melnrakstā.

.element ( line-break: strict; )

Demonstrācija

Sintakse

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

Sākotnējais: auto
Attiecas uz: visiem elementiem
Mantots: jā
Aprēķinātā vērtība: kā norādīts
Animācijas veids: diskrēts

Vērtības

/* 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: Tas ļauj pārlūkprogrammai izlemt, kā tā īsteno līniju pārtraukumus. Katrs pārlūks var atšķirties pēc saviem kritērijiem, pamatojoties uz faktoriem, tostarp līnijas garumu.
loose: Šī ir vieglākā noteikumu pārkāpumu izpilde. Specifikācija norāda īsas teksta rindas, piemēram, tās, kuras mēs varētu redzēt laikrakstā, kā piemēru, kur var izmantot šo vērtību.
normal: Tas pārtrauc teksta rindas, pamatojoties uz “visizplatītāko” noteikumu kopumu. (Ņemiet vērā, ka nav sniegta definīcija par to, kas ir visizplatītākais noteikumu kopums vai ko tas varētu saturēt.)
strict: Tas ievieš visstingrākos noteikumus par rindu pārtraukumiem.
anywhere: Šī vērtība dod iespēju mīkstai ietīšanai, kas ļauj tekstam sadalīties atstarpēs vai pieturzīmēs, nevis tikai vārda robeža. Tas ir ideāli piemērots valodām, kurās vārdu atdalīšanai, iespējams, neizmanto atstarpes vai pieturzīmes. Specifikācijā teikts, ka CSS nenosaka mīkstās iesaiņošanas iespējas, un šī vērtība viņus atpazīst un izmanto, lai piemērotu līniju pārtraukšanas noteikumus. Specifikācija apraksta teksta ietīšanas darbību, piemēram, to, ko parasti redzam terminālā.

Specifikācija arī atzīmē, ka anywherevērtība ļauj saglabātajām atstarpēm rindas beigās ietīties uz nākamo rindu, ja to lieto ar white-spacerekvizītu, kas iestatīts uz break-spaces.

Vērtēt izturēšanos dažādās valodās

Kā jūs varētu iedomāties, dažādām valodām ir atšķirīgas preferences, kad teksts tiek sadalīts uz jaunām rindām. Visās valodās nav standarta standartu. Tas ļauj pārlūkprogrammām izdomāt un ievērot “pareizos” noteiktas valodas noteikumus. Bet specifikācijā ir izklāstītas vairākas prasības, lai noteiktu, vai līniju pārtraukšana ir pieļaujama dažādos line-breakstingrības līmeņos noteiktās situācijās. Mēs tos iepazīstināsim šeit.

Situācija	`normal`	`loose`	`strict`
Pārtraukumi pirms japāņu mazās kanas vai Katakana-Hiragana pagarinātās skaņas zīmes, ti, Unicode līnijas pārrāvuma klases rakstura `CJ`	❌	✅	✅
Pārtraukumi pirms dažām CJK defisēm līdzīgām rakstzīmēm: 〜 U + 301C, ゠ U + 30A0	❌	✅ ja rakstīšanas sistēma ir ķīniešu vai japāņu	Atļauts, ja rakstīšanas sistēma ir ķīniešu vai japāņu
Pārtraukumi pirms dažām CJK defisēm līdzīgām rakstzīmēm: 〜 U + 301C, ゠ U + 30A0	❌	✅ ja pirms raksturs pieder Unicode līnijas pārrāvuma klasei `ID`(arī tad, ja iepriekšējā raksturs tiek uzskatīta `ID`dēļ`word-break: break-all)`	❌
Pārtraukumi pirms atkārtojuma atzīmēm: 々 U + 3005, 〻 U + 303B, ゝ U + 309D, ゞ U + 309E, ヽ U + 30FD, ヾ U + 30FE	❌	✅	❌
Pārtraukumi starp neatdalāmām rakstzīmēm (piemēram, ‥ U + 2025,… U + 2026), ti, rakstzīmes no Unicode rindu sadalīšanas klases `IN`	❌	✅	❌
Pārtraukumi pirms noteiktām centrētām pieturzīmēm: ・ U + 30FB, ： U + FF1A, ； U + FF1B, ･ U + FF65,‼ U + 203C,⁇ U + 2047,⁈ U + 2048,⁉ U + 2049,！ U + FF01,？ U + FF1F	❌	✅	❌
Pārtraukumi pirms piedēkļus: Rakstzīmes ar Unicode līnijas pārrāvuma klasi `PO`un īpašuma Austrumāzijas Platums `Ambiguous`, `Fullwidth`vai `Wide`.	❌	✅	❌
Pārtraukumi pēc prefiksus: Rakstzīmes ar Unicode līnijas pārrāvuma klasi `PR`un īpašuma Austrumāzijas Platums `Ambiguous`, `Fullwidth`vai `Wide`.	❌	✅	❌