Διάλειμμα - CSS-Κόλπα

Η line-breakιδιότητα CSS καθορίζει τον τρόπο αυστηρής εφαρμογής των κανόνων για την αναδίπλωση περιτυλίγματος κειμένου σε νέες γραμμές, ειδικά όταν εργάζεστε με σύμβολα και σημεία στίξης σε κινέζικα, ιαπωνικά ή κορεατικά (CJK) συστήματα γραφής. Περιλαμβάνεται στην προδιαγραφή CSS Text Module Level 3, η οποία βρίσκεται επί του παρόντος στο Πρόχειρο του Πρόγραμμα.

.element ( line-break: strict; )

Διαδήλωση

Σύνταξη

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

Αρχικός: auto
Ισχύει για: όλα τα στοιχεία
Κληρονομικό: ναι
Υπολογισμένη τιμή: όπως καθορίζεται
Τύπος κινούμενης εικόνας: διακριτός

Αξίες

/* 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: Αυτό επιτρέπει στο πρόγραμμα περιήγησης να αποφασίσει πώς εφαρμόζει αλλαγές γραμμής. Κάθε πρόγραμμα περιήγησης μπορεί να διαφέρει βάσει των κριτηρίων του βάσει παραγόντων, συμπεριλαμβανομένου του μήκους γραμμής.
loose: Αυτή είναι η ελαφρύτερη εφαρμογή των κανόνων παραβίασης γραμμών. Οι προδιαγραφές αναφέρουν σύντομες γραμμές κειμένου, όπως αυτές που μπορούμε να δούμε σε μια εφημερίδα, ως παράδειγμα όπου μπορεί να χρησιμοποιηθεί αυτή η τιμή.
normal: Αυτό σπάει τις γραμμές κειμένου με βάση το "πιο κοινό" σύνολο κανόνων. (Λάβετε υπόψη ότι δεν υπάρχει ορισμός σχετικά με το ποιο είναι το πιο κοινό σύνολο κανόνων ή τι μπορεί να περιέχει.)
strict: Αυτό επιβάλλει το αυστηρότερο σύνολο κανόνων για αλλαγές γραμμής.
anywhere: Αυτή η τιμή επιτρέπει ευκαιρίες μαλακής αναδίπλωσης, οι οποίες επιτρέπουν το κείμενο να σπάσει σε κενά σημεία ή σημεία στίξης αντί για το όριο της λέξης μόνο. Είναι ιδανικό για γλώσσες που ενδέχεται να μην χρησιμοποιούν κενά ή σημεία στίξης για το διαχωρισμό λέξεων. Η προδιαγραφή λέει ότι το CSS δεν καθορίζει ευκαιρίες soft wrap, και αυτή η τιμή τις αναγνωρίζει και τις αξιοποιεί για να εφαρμόσει κανόνες παραβίασης γραμμών. Η προδιαγραφή περιγράφει τη συμπεριφορά αναδίπλωσης κειμένου όπως αυτό που βλέπουμε συνήθως σε ένα τερματικό.

Η προδιαγραφή σημειώνει επίσης ότι η anywhereτιμή επιτρέπει στα συντηρημένα λευκά διαστήματα στο τέλος μιας γραμμής να τυλίγονται στην επόμενη γραμμή όταν χρησιμοποιείται με την white-spaceιδιότητα που έχει οριστεί σε break-spaces.

Αξία συμπεριφοράς σε διαφορετικές γλώσσες

Όπως μπορείτε να φανταστείτε, διαφορετικές γλώσσες έχουν διαφορετικές προτιμήσεις όσον αφορά τον τρόπο με τον οποίο το κείμενο διασπάται σε νέες γραμμές. Δεν υπάρχει τυποποιημένη σύμβαση που χρησιμοποιείται από όλες τις γλώσσες. Αυτό αφήνει στα προγράμματα περιήγησης να καταλάβουν και να ακολουθήσουν τους «σωστούς» κανόνες για μια συγκεκριμένη γλώσσα. Ωστόσο, η προδιαγραφή περιγράφει αρκετές απαιτήσεις για να προσδιοριστεί εάν επιτρέπεται η διάσπαση γραμμής στα διαφορετικά επίπεδα line-breakαυστηρότητας σε ορισμένες περιπτώσεις. Θα τα παρουσιάσουμε εδώ.

Κατάσταση	`normal`	`loose`	`strict`
Διαλείμματα πριν από το ιαπωνικό μικρό kana ή το παρατεταμένο ηχητικό σήμα Katakana-Hiragana, δηλαδή χαρακτήρα από την τάξη διακοπής γραμμής Unicode `CJ`	❌	✅	✅
Διασπάται πριν από ορισμένους χαρακτήρες ενωτικών CJK: 〜 U + 301C, ゠ U + 30A0	❌	✅ εάν το σύστημα γραφής είναι κινέζικο ή ιαπωνικό	Επιτρέπεται, εάν το σύστημα γραφής είναι κινέζικο ή ιαπωνικό
Διασπάται πριν από ορισμένους χαρακτήρες ενωτικών CJK: 〜 U + 301C, ゠ U + 30A0	❌	✅ εάν ο προηγούμενος χαρακτήρας ανήκει στην κλάση διακοπής γραμμής Unicode `ID`(συμπεριλαμβανομένου όταν ο προηγούμενος χαρακτήρας αντιμετωπίζεται ως `ID`λόγω`word-break: break-all)`	❌
Διαλείμματα πριν από τα σημάδια επανάληψης: 々 U + 3005, 〻 U + 303B, ゝ U + 309D, ゞ U + 309E, ヽ U + 30FD, ヾ U + 30FE	❌	✅	❌
Διαλείμματα μεταξύ αδιαχώριστων χαρακτήρων (όπως ‥ U + 2025,… U + 2026) δηλ. Χαρακτήρων από την τάξη διακοπής γραμμής Unicode `IN`	❌	✅	❌
Διαλείμματα πριν από ορισμένα κεντρικά σημεία στίξης: ・ U + 30FB, ： U + FF1A, ； U + FF1B, ･ U + FF65,‼ U + 203C,⁇ U + 2047,⁈ U + 2048,⁉ U + 2049,！ U + FF01,？ U + FF1F	❌	✅	❌
Διακοπές πριν καταλήξεις: Χαρακτήρες με το Unicode κατηγορία γραμμή θραύσης `PO`και την ιδιοκτησία της Ανατολικής Ασίας πλάτος `Ambiguous`, `Fullwidth`ή `Wide`.	❌	✅	❌
Διακοπές μετά προθέματα: Χαρακτήρες με το Unicode κατηγορία γραμμή θραύσης `PR`και την ιδιοκτησία της Ανατολικής Ασίας πλάτος `Ambiguous`, `Fullwidth`ή `Wide`.	❌	✅	❌