Linijos pertrauka - CSS-gudrybės

Turinys

CSS line-breakypatybė apibrėžia, kaip griežtai laikytis taisyklių, kaip tekstą vynioti ant naujų eilučių, ypač dirbant su simboliais ir skyryba kinų, japonų ar korėjiečių (CJK) rašymo sistemose. Jis įtrauktas į CSS 3 lygio modulio specifikaciją, kuri šiuo metu yra redaktoriaus juodraštyje.

.element ( line-break: strict; )

Demonstracija

Sintaksė

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

Pradinis: auto
Taikoma: visiems elementams
Paveldima: taip
Apskaičiuota vertė: kaip nurodyta
Animacijos tipas: diskretiškas

Vertybės

/* 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: Tai leidžia naršyklei nuspręsti, kaip ji įgyvendina eilučių pertraukas. Kiekviena naršyklė gali skirtis pagal kriterijus, atsižvelgiant į veiksnius, įskaitant linijos ilgį.
loose: Tai lengviausias eilučių pažeidimo taisyklių vykdymas. Specifikacija nurodo trumpas teksto eilutes, pavyzdžiui, tas, kurias galime pamatyti laikraštyje, kaip pavyzdį, kur ši vertė gali būti naudojama.
normal: Tai pertraukia teksto eilutes pagal „dažniausiai“ naudojamą taisyklių rinkinį. (Atkreipkite dėmesį, kad nėra apibrėžimo apie tai, kas yra labiausiai paplitęs taisyklių rinkinys arba ką jame gali būti.)
strict: Taip įgyvendinamos griežčiausios eilutės pertraukimo taisyklės.
anywhere: Ši reikšmė įgalina minkšto apvyniojimo galimybes, kurios leidžia tekstui lūžti tarpuose ar skyrybos ženkluose, o ne vien žodžio riba. Tai idealiai tinka kalboms, kurios žodžiams atskirti gali nenaudoti tarpų ar skyrybos ženklų. Specifikacijoje sakoma, kad CSS neapibrėžia „soft wrap“ galimybių, o ši vertė jas atpažįsta ir skatina taikyti linijų pertraukimo taisykles. Specifikacijoje aprašoma teksto įvyniojimo elgsena, panaši į tai, ką paprastai matome terminale.

Specifikacijoje taip pat pažymima, kad anywherereikšmė leidžia išsaugoti baltas vietas eilutės gale apvynioti kitoje eilutėje, kai naudojama su nustatyta white-spaceypatybe break-spaces.

Vertinkite elgesį įvairiomis kalbomis

Kaip galite įsivaizduoti, skirtingos kalbos skiriasi, kai kalbama apie tai, kaip tekstas suskaidomas į naujas eilutes. Nėra standartizuoto įpročio, vartojamo visomis kalbomis. Tai leidžia naršyklėms išsiaiškinti ir laikytis „teisingų“ tam tikros kalbos taisyklių. Tačiau specifikacijoje pateikiami keli reikalavimai, leidžiantys nustatyti, ar line-breaktam tikrose situacijose leidžiama pertraukti linijas esant skirtingiems griežtumo lygiams . Pateiksime tuos čia.

Situacija	`normal`	`loose`	`strict`
Pertraukėlės prieš japonišką mažą kana arba „Katakana-Hiragana“ pailgintą garso ženklą, ty „Unicode“ linijų laužymo klasės veikėją. `CJ`	❌	✅	✅
Pertraukos prieš tam tikrus CJK brūkšnelius primenančius simbolius: 〜 U + 301C, ゠ U + 30A0	❌	✅ jei rašymo sistema yra kinų arba japonų	Leidžiama, jei rašymo sistema yra kinų ar japonų
Pertraukos prieš tam tikrus CJK brūkšnelius primenančius simbolius: 〜 U + 301C, ゠ U + 30A0	❌	✅ jei ankstesnis simbolis priklauso „Unicode“ eilutės pertraukimo klasei `ID`(įskaitant atvejus, kai ankstesnis simbolis traktuojamas kaip `ID`dėl`word-break: break-all)`	❌
Pertraukos prieš iteracijos žymes: 々 U + 3005, 〻 U + 303B, ゝ U + 309D, ゞ U + 309E, ヽ U + 30FD, ヾ U + 30FE	❌	✅	❌
Pertraukimai tarp neatskiriamų simbolių (pvz., ‥ U + 2025,… U + 2026), ty simboliai iš „Unicode“ eilutės pertraukimo klasės `IN`	❌	✅	❌
Pertraukos prieš tam tikrus centruotus skyrybos ženklus: ・ U + 30FB, ： U + FF1A, ； U + FF1B, ･ U + FF65,‼ U + 203C,⁇ U + 2047,⁈ U + 2048,⁉ U + 2049,！ U + FF01,？ U + FF1F	❌	✅	❌
Pertraukos iki priesagų: Veikėjai su Unicode linija nesilaikantiems klasės `PO`ir Rytų Azijos Plotis turto `Ambiguous`, `Fullwidth`arba `Wide`.	❌	✅	❌
Pertraukos po priešdėlių: Veikėjai su Unicode linija nesilaikantiems klasės `PR`ir Rytų Azijos Plotis turto `Ambiguous`, `Fullwidth`arba `Wide`.	❌	✅	❌