hyphensVara kontrolli poolitamise teksti ploki taseme elemendid. Saate sidekriipsu üldse ära hoida, lubada või lubada seda ainult teatud märkide olemasolul.
Pange tähele, et see hyphenson keeletundlik. Selle võime leida vaheajavõimalusi sõltub langvanemelemendi atribuudis määratletud keelest . Kõiki keeli veel ei toetata ja tugi sõltub konkreetsest brauserist.
Süntaks
p ( hyphens: none | manual | auto )sidekriipsud: pole ühtegi
Sõnad ei joondata reavahetuses kunagi, isegi kui sõna sisemuses olevad tähemärgid viitavad sellele, kuhu sidekriips võiks või peaks minema.
sidekriipsud: käsitsi
Sõnad purustatakse ainult reavahetustel, kui sõna sees on märke, mis viitavad reavahetuse võimalustele. Reavahetuse võimalust pakuvad kaks märki:
U+2010(HYPHEN): „kõva” sidekriips tähistab nähtavat reavahetuse võimalust. Isegi kui joon pole sellel hetkel tegelikult katki, renderdatakse sidekriips ikkagi. Sõna otseses mõttes „-“.U+00AD(SHY): nähtamatu, "pehme" sidekriips. Seda märki ei tehta nähtavalt; selle asemel soovitab see koha, kus brauser võib vajadusel sõna murda. HTML-is saate kasutada-pehme sidekriipsu sisestamiseks.
sidekriipsud: automaatne
Sõnad saab murda sobivates sidekohtades nii, nagu määravad sõna sisekriipsumärgid (vt eespool), või määratakse automaatselt keelele sobiva sidekriipsuga (kui brauser seda toetab või pakub @hyphenation-resource).
Sõna sees olevad tingimuslikud mõttekriipsud, kui need on olemas, võtavad sõna sisekriipsupunktide määramisel prioriteedi automaatsete ressursside ees.
sidekriipsud: kõik
Katkestatud, ärge kasutage . See oli ainult spetsifikatsioonis ajutiselt testimiseks.
Demo
Alloleval demol on terve hulk lõike ja kõik on seatud hyphens: auto;sidekriipsu mõiste demonstreerimiseks. langAtribuut on seatud envanemale element.
Brauseri tugi
Need brauseri tugiandmed pärinevad Caniuse'ilt, millel on üksikasjalikum teave. Number näitab, et brauser toetab selle versiooni ja uuemat funktsiooni.
Töölaud
| Chrome | Firefox | IE | Edge | Safari |
|---|---|---|---|---|
| 88 | 6 * | 10 * | 12 * | 5,1 * |
Mobiil / tahvelarvuti
| Android Chrome | Android Firefox | Android | iOS-i Safari |
|---|---|---|---|
| 88 | 85 | 81 | 4,2–4,3 * |
Safari 5+ nõuab -webkit-, Firefox 6+ nõuab -moz-, IE 10+ nõuab -ms-, iOS 4.2+ nõuab -webkit-.
Chrome <55 ja Androidi brauser toetavad tegelikult -webkit-hyphens: nonevaikeväärtust, kuid mitte ühtegi teist väärtust.
Firefoxis ja Internet Exploreris töötab automaatne sidumine ainult mõnes keeles (määratletud langatribuudiga). Toetatud keelte täieliku loendi leiate sellest märkusest.
Kui kirjutate veebipõhist dokumenti, mis tõesti vajab sidekriipsu, võite kasutada Hyphenator.js, mis on ulatuslikul sõnastikul põhinev teek, mis süstib teie sisusse automaatselt pehmeid sidekriipse ja nullilaiuseid tühikuid.
Ilma JavaScripti peate tuginema mõlemale hyphensja word-wrap:
.hyphenate ( word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; )