Η ετικέτα wbr

Η ετικέτα wbr υποδεικνύει το σημείο όπου το πρόγραμμα περιήγησης μπορεί να εκτελέσει αλλαγή γραμμής εάν χρειαστεί (αν το κείμενο δεν χωράει στο πλάτος του στοιχείου). Τέτοιες αλλαγές γραμμής ονομάζονται απαλείς.

Δεν απαιτεί ετικέτα κλεισίματος.

Κατά την αλλαγή γραμμής μιας λέξης μέσω της ετικέτας wbr ο χαρακτήρας αλλαγής γραμμής "-" δεν προστίθεται. Εάν τον χρειάζεστε - χρησιμοποιήστε τον χαρακτήρα απαλού αποκωδικοποίησης  (η τελεία με το ερωτηματικό στο τέλος είναι υποχρεωτική, δεν είναι τυπογραφικό λάθος).

Ο απαλής αλλαγής γραμμής  υποδεικνύει στο πρόγραμμα περιήγησης το σημείο όπου μπορεί να εκτελέσει αλλαγή γραμμής μιας λέξης (εάν χρειαστεί), τοποθετώντας παράλληλα τον χαρακτήρα αλλαγής γραμμής "-".

Οι απαλείς αλλαγές γραμμής  δεν θα λειτουργήσουν, εάν η ιδιότητα hyphens έχει οριστεί στην τιμή none (ενώ οι αλλαγές γραμμής wbr θα λειτουργήσουν).

Παράδειγμα . Κείμενο χωρίς αλλαγές γραμμής

Ας δούμε ένα δείγμα κειμένου, στο οποίο υπάρχουν μεγάλες λέξεις που ξεπερνούν τα όρια του μπλοκ. Θα ορίσουμε στο μπλοκ μια μικρή πλάτος έτσι ώστε μια μεγάλη λέξη να μην χωράει μέσα σε αυτό:

<div id="elem">
	this is supersupersuperlong text
</div>

#elem {
	width: 200px;
	border: 1px solid black;
}

Παράδειγμα . Η ετικέτα wbr

Εδώ, ας προσθέσουμε την ετικέτα wbr σε σημεία όπου συνιστούμε στο πρόγραμμα περιήγησης να εκτελέσει αλλαγή γραμμής της λέξης εάν χρειαστεί (προσέξτε ότι το πρόγραμμα περιήγησης θα εκτελέσει αλλαγές γραμμής όχι παντού, όπου το υποδείξαμε):

<div id="elem">
	this is super<wbr>super<wbr>super<wbr>long text
</div>

#elem {
	width: 200px;
	border: 1px solid black;
}

Παράδειγμα . Ο χαρακτήρας 

Ας δοκιμάσουμε αντί για την ετικέτα wbr να βάλουμε τον χαρακτήρα . Στα σημεία αλλαγής γραμμής θα εμφανίζονται παύλες:

<div id="elem">
	this is supersupersuperlong text
</div>

#elem {
	width: 200px;
	border: 1px solid black;
}

Δείτε επίσης

η ετικέτα br,
,
που εκτελεί αλλαγή γραμμής
η ιδιότητα hyphens,
που ορίζει πραγματικές αλλαγές γραμμής λέξεων
οι ιδιότητες word-break και overflow-wrap,
που επιτρέπουν τη μεταφορά γραμμάτων μιας μεγάλης λέξης
η ιδιότητα overflow,
που περικόπτει τα τμήματα που ξεπερνούν τα όρια του μπλοκ

Η ετικέτα wbr

Παράδειγμα . Κείμενο χωρίς αλλαγές γραμμής

Παράδειγμα . Η ετικέτα wbr

Παράδειγμα . Ο χαρακτήρας &shy;

Δείτε επίσης

Παράδειγμα . Ο χαρακτήρας