Κείμενο Preformated Formating στον ιστοχώρο σας

Περιστασιακά, έχω χρησιμοποιήσει το HTML <προ> ετικέττα για να προσχηματοποιήσει ένα μήνυμα λάθους ή άλλο κείμενο standout σε μια θέση. Τουλάχιστον ένας αναγνώστης Sciencetext ραδιουργήθηκε ως προς τον τρόπο με τον οποίο κατόρθωσα να τυλίξω το κείμενο παρά αυτό που επιδεικνύεται δεξιά πέρα από τη μετα περιοχή ή με οριζόντιο έναν scrollbar.

Καλά, υπάρχει μια πολύ απλή CSS αμυχή. Ανοίξτε το stylesheet σας (να είστε βέβαιος να κάνει εφεδρικό έναν πρώτο) και προσθέστε αυτόν τον κώδικα στο κατώτατο σημείο.

/* συγκεκριμένες (άκυρες) μορφές μηχανής αναζήτησης για να κάνει το προσχηματοποιημένο περικάλυμμα κειμένων *

προ {
άσπρος-διάστημα: προ-περικάλυμμα /* css-3 *
άσπρος-διάστημα: - moz-προ-περικάλυμμα /* Mozilla, από το 1999 *
άσπρος-διάστημα: - προ-περικάλυμμα /* όπερα 4-6 *
άσπρος-διάστημα: - ο-προ-περικάλυμμα /* όπερα 7 *
αυτόματη αλλαγή γραμμής: σπάσιμο-λέξη /* εξερευνητής 5.5+ Διαδικτύου *
}

Εκτός από το φύλλο και αναζωογονήστε τη σελίδα στην οποία χρησιμοποιείτε το χοντρό κομμάτι του κειμένου, πρέπει τώρα καλύτερα από Ice Τ. Υπάρχουν διάφοροι άλλοι τρόποι να εφαρμοστεί αυτό αμυχή, αλλά αυτό είναι το γρηγορότερο και το ευκολότερο. Μπορείτε επίσης να προσθέσετε άλλες CSS ετικέττες για να αλλάξετε το μέγεθος πηγών, για παράδειγμα, έτσι ώστε ο φραγμός του κειμένου δεν φαίνεται τόσο clunky. Το Sciencetext stylesheet για παράδειγμα περιλαμβάνει το πηγή-μέγεθος: 0.9em για να μειώσει το μέγεθος πηγών σε 90%, το οποίο το κάνει το βλέμμα λίγο πιό μοντέρνο. Θα μπορούσατε να προσθέσετε τα πλαίσια, να αλλάξουν την πηγή, να εφαρμόσετε στην πραγματικότητα όλα τα είδη πρόσθετος. Ακριβώς θυμηθείτε ότι θα εφαρμόσει την περιοχή ευρέως σε όλο το προ κείμενο εάν προσθέσετε τον κώδικα στο stylesheet.