
Η χρήση της ετικέτας <προ> σε HTML es una manera sencilla de visualizar μορφοποιημένο περιεχόμενο. Συνήθως χρησιμοποιείται όταν θέλετε να εμφανίσετε κάποια μερίδα του πηγαίο κώδικα ή οποιοδήποτε άλλο τύπο του κειμένου του οποίου Εμφάνιση Πρόκειται να διαφέρουν το κανονικό που χρησιμοποιούνται στην ιστοσελίδα.
Για να χρησιμοποιήσετε αυτήν την ετικέτα, Αν αυτό δεν έχουν οποιοδήποτε στυλ, το φυσιολογικό πράγμα είναι ότι, όταν εμφανίζεται σε συσκευές με μικρότερο μέγεθος οθόνης, το κείμενο μέσα σε αυτό είναι έξω από το δοχείο.
Ως παράδειγμα, a continuación vemos δύο κείμενα, ένας μέσα σε ένα tag <p> ,με κόκκινο περίγραμμα, και ένα άλλο σε μια ετικέτα <προ> con borde verde.
Όπως μπορείτε να δείτε, Ανάλογα με την οθόνη της συσκευής από όπου βλέπετε αυτό το άρθρο, Εάν το κείμενο μέσα στην ετικέτα <προ> δεν ταιριάζει από πλήρη κοντέινερ, Αυτό βγαίνει του ίδιου.
Για ΕΝΗΜΕΡΩΣΗ Αυτό το ζήτημα, τι έχετε να κάνετε είναι τροποποιήσετε το στυλ της ετικέτας <προ> Προσθήκη los siguientes χαρακτηριστικά να σας CSS:
1 2 3 4 5 6 7 8 | pre { border: 1px solid green; white-space: pre-wrap; /* Since CSS 2.1 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } |
απόκτηση ενός αποτέλεσμα Έπειτα δείχνουμε πώς:
Μπορείτε να το δείτε για την καρτέλα Κωδικός CSS.
Με αυτόν τον τρόπο, Μπορείτε να κάνετε ότι το περιεχόμενο φιλοξενούνται σε σας Ετικέτες <προ> έξω από το δοχείο, που είναι προσαρμογή την ίδια, Ανάλογα με το μέγεθος της οθόνης.
