Prelom vrstice - CSS-triki | Almanah CSS 2025

Lastnost CSS line-breakdoloča, kako strogo je treba uveljaviti pravila za zavijanje besedila v nove vrstice, zlasti pri delu s simboli in ločili v kitajskih, japonskih ali korejskih sistemih pisanja. Vključen je v specifikacijo besedilnega modula CSS 3. stopnje, ki je trenutno v urednikovem osnutku.

.element ( line-break: strict; )

Demo

Sintaksa

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

Začetno: auto
Velja za: vse elemente
Podedovano: da
Izračunana vrednost: kot je določeno
Vrsta animacije: diskretna

Vrednote

/* 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: To omogoča brskalniku, da se odloči, kako bo uporabil prelome vrstic. Vsak brskalnik se lahko razlikuje glede na svoja merila glede na dejavnike, vključno z dolžino vrstice.
loose: To je najlažje uveljavljanje pravil o prelomu vrstic. Spec kot primer, kjer bi lahko uporabili to vrednost, navaja kratke vrstice besedila, kakršne lahko vidimo v časopisu.
normal: To razbije vrstice besedila na podlagi "najpogostejših" pravil. (Upoštevajte, da ni nobene opredelitve o tem, kateri najpogostejši sklop pravil je ali kaj lahko vsebuje.)
strict: To uveljavlja najstrožji nabor pravil za prelome vrstic.
anywhere: Ta vrednost omogoča možnosti mehkega zavijanja, ki omogočajo, da se besedilo lomi s presledki ali ločili namesto samo na meji besede. Idealno je za jezike, ki za ločevanje besed morda ne uporabljajo presledkov ali ločil. Specifikacija pravi, da CSS ne opredeljuje priložnosti za mehko zavijanje, ta vrednost pa jih prepozna in izkoristi za uporabo pravil o prelomu vrstic. Specifikacija opisuje vedenje zavijanja besedila, kot je tisto, kar običajno vidimo v terminalu.

Specifikacija prav tako ugotavlja, da anywherevrednost omogoča, da se ohranjeni presledki na koncu vrstice zavijejo v naslednjo vrstico, kadar se uporablja z white-spacelastnostjo, nastavljeno na break-spaces.

Vrednostno vedenje v različnih jezikih

Kot si lahko predstavljate, imajo različni jeziki različne nastavitve glede razčlenitve besedila na nove vrstice. V vseh jezikih ni standardizirane konvencije. Tako brskalniki prepuščajo, da sami ugotovijo in upoštevajo "pravilna" pravila za določen jezik. Vendar specifikacija opisuje več zahtev za določitev, ali je line-breakv določenih situacijah dovoljeno lomljenje črte na različnih stopnjah strogosti. Te bomo predstavili tukaj.

Situacija	`normal`	`loose`	`strict`
Odmori pred japonsko majhno kana ali podaljšano zvočno oznako Katakana-Hiragana, tj. Znak iz razreda lomljenja vrstic Unicode `CJ`	❌	✅	✅
Prelomi pred nekaterimi črkami , podobnimi vezaju CJK: 〜 U + 301C, ゠ U + 30A0	❌	✅ če je sistem pisanja kitajski ali japonski	Dovoljeno, če je sistem pisanja kitajski ali japonski
Prelomi pred nekaterimi črkami , podobnimi vezaju CJK: 〜 U + 301C, ゠ U + 30A0	❌	✅ če pred lik pripada Unicode linije lomno razred `ID`(vključno, kadar se pred znak obravnava kot `ID`posledica`word-break: break-all)`	❌
Odmori pred iteracijskimi oznakami: 々 U + 3005, 〻 U + 303B, ゝ U + 309D, ゞ U + 309E, ヽ U + 30FD, ヾ U + 30FE	❌	✅	❌
Prelomi med neločljivimi znaki (na primer ‥ U + 2025, ... U + 2026), tj. Znaki iz razreda lomljenja vrstic Unicode `IN`	❌	✅	❌
Prelomi pred določenimi ločili v sredini: ・ U + 30FB, ： U + FF1A, ； U + FF1B, ･ U + FF65,‼ U + 203C, U U + 2047,⁈ U + 2048,⁉ U + 2049,！ U + FF01,？ U + FF1F	❌	✅	❌
Odmori pred pripon: Znaki z Unicode linije zlom razreda `PO`in premoženja vzhodnoazijska širina `Ambiguous`, `Fullwidth`ali `Wide`.	❌	✅	❌
Odmori po predponami: Znaki z Unicode linije zlom razreda `PR`in premoženja vzhodnoazijska širina `Ambiguous`, `Fullwidth`ali `Wide`.	❌	✅	❌