Home-theater-designers
Ένα από τα πρώτα χαρακτηριστικά που έμαθαν όλοι οι προγραμματιστές όταν ασχολήθηκαν με την επεξεργασία κειμένου ήταν η ευθυγράμμιση κειμένου. Αυτό το μικροσκοπικό εργαλείο ήταν ζωτικής σημασίας τόσο για επαγγελματίες δακτυλογράφους όσο και για ερασιτέχνες σχεδιαστές φυλλαδίων. Δεν αποτελεί έκπληξη το γεγονός ότι το CSS υποστηρίζει ευθυγράμμιση κειμένου όταν πρόκειται για σχεδιασμό ιστοσελίδων.
ο στοίχιση κειμένου η ιδιότητα, μαζί με ένα ή δύο άλλα, ελέγχει πώς ένα στοιχείο ευθυγραμμίζει οριζόντια το κείμενό του. Πέρα από τα βασικά, τα προγράμματα περιήγησης εφαρμόζουν σιγά σιγά περισσότερες από τις προδιαγραφές, αλλά η πλήρης υποστήριξη ποικίλλει. Μάθετε πώς μπορείτε να ευθυγραμμίσετε το κείμενο και ποια χαρακτηριστικά υποστηρίζουν τα κοινά προγράμματα περιήγησης σήμερα.
Τα βασικά της ιδιότητας ευθυγράμμισης κειμένου CSS
Η ευθυγράμμιση είναι ένας από τους πιο οικείους όρους τυπογραφίας. Στο πλαίσιο του CSS, στοίχιση κειμένου αναφέρεται στην οριζόντια ευθυγράμμιση.
Η οριζόντια ευθυγράμμιση κειμένου ισχύει μόνο για αποκλειστικά δοχεία. Πρόκειται για στοιχεία πλήρους πλάτους, όπως παραγράφους και διαιρέσεις. Χρησιμοποιώντας το στοίχιση κειμένου ιδιότητα σε ένα ενσωματωμένο στοιχείο όπως π.χ. σε δεν θα έχει αποτέλεσμα. Μπορείτε επίσης να ευθυγραμμίσετε στοιχεία λίστας και κελιά πίνακα:
πώς να διαγράψετε την οριζόντια γραμμή στο word
Από προεπιλογή, σε γλώσσα από αριστερά προς τα δεξιά (περισσότερα από αυτά αργότερα), το κείμενο ευθυγραμμίζεται προς τα αριστερά:
Στο CSS, αυτό είναι το ίδιο με:
p { text-align: left; }Ή:
p { text-align: start; }Σχετίζεται με: Τι είναι τα Cascading Style Sheets και σε τι χρησιμεύει το CSS;
Μπορείτε να χρησιμοποιήσετε άλλες τιμές για το στοίχιση κειμένου ιδιότητα για αλλαγή οριζόντιας ευθυγράμμισης. Οι πιο συνηθισμένες τιμές είναι γνωστές από εφαρμογές επεξεργασίας κειμένου:
text-align: left
text-align: center
text-align: rightΧρησιμοποιήστε την αιτιολόγηση για να ευθυγραμμίσετε την αριστερή και τη δεξιά άκρη
Μια άλλη κοινή τιμή για στοίχιση κειμένου είναι δικαιολογώ Το Τα προγράμματα περιήγησης προσθέτουν χώρο σε δικαιολογημένο κείμενο, έτσι ώστε κάθε γραμμή να επεκτείνεται για να γεμίσει τον διαθέσιμο χώρο:
Όταν δικαιολογείτε το κείμενο, η τελευταία γραμμή μπορεί να είναι δύσκολη. Δεδομένου ότι μπορεί να είναι πολύ σύντομο (πιθανώς μόνο μια λέξη), η απόστασή του σε όλο το πλάτος μπορεί να είναι άσχημο. Από προεπιλογή, ακόμη και το δικαιολογημένο κείμενο θα ευθυγραμμίσει την τελική γραμμή προς τα αριστερά.
πού βρίσκεται το πρόχειρο στο τηλέφωνο android
Μπορεί μερικές φορές να θέλετε ένα διαφορετικό αποτέλεσμα. Οι εφαρμογές του προγράμματος περιήγησης συμβαδίζουν με τις προδιαγραφές, αλλά είναι δυνατές δύο προσεγγίσεις.
ο δικαιολογησε-ολα η τιμή πρέπει να σημαίνει ότι τα προγράμματα περιήγησης αντιμετωπίζουν την τελική γραμμή όπως όλα τα άλλα και την τεντώνουν σε όλο το πλάτος. Ωστόσο, κατά τη στιγμή της γραφής, κανένα πρόγραμμα περιήγησης δεν υποστηρίζει αυτήν την τιμή. Μπορείς ελέγξτε το caniuse για να δείτε αν το κάνουν όταν διαβάζετε αυτό το άρθρο.
Μια άλλη ιδιότητα CSS, text-align-last , είναι πιο ευέλικτο και έχει καλύτερη υποστήριξη. Μπορείτε να το αντιμετωπίσετε λίγο πολύ το ίδιο με αυτό στοίχιση κειμένου , αλλά ισχύει μόνο για την τελική γραμμή:
Η υποστήριξη προγράμματος περιήγησης για αυτήν την ιδιότητα είναι καλύτερη, αλλά όχι τέλεια. Πάλι, ελέγξτε το caniuse πριν το χρησιμοποιήσετε Το Εάν ένα πρόγραμμα περιήγησης δεν αναγνωρίσει αυτήν την ιδιότητα, θα την αγνοήσει.
Ευθυγράμμιση κειμένου και κατεύθυνση ανάγνωσης
Mightσως εργάζεστε με μια γλώσσα, όπως τα αραβικά ή τα εβραϊκά, που διαβάζει από δεξιά προς τα αριστερά. Το CSS χρησιμοποιεί το κατεύθυνση ιδιότητα για να το καθορίσετε, για παράδειγμα:
direction: rtl;Αυτές οι γλώσσες συνήθως ευθυγραμμίζουν το κείμενο προς τα δεξιά από προεπιλογή.
Αντί να χρειαστεί να καθορίσετε αριστερά / σωστά , ο προτιμώμενος τρόπος ευθυγράμμισης κειμένου χρησιμοποιεί τις τιμές αρχή και τέλος Το Αυτό καθορίζει εάν το κείμενο πρέπει να ευθυγραμμιστεί στην αρχή κάθε γραμμής ή στο τέλος. Σε γλώσσες από αριστερά προς τα δεξιά, αρχή είναι ισοδύναμο με αριστερά Το Σε γλώσσα δεξιά προς αριστερά, το κείμενο ξεκινά δεξιά και τελειώνει αριστερά.
πώς να βρείτε διαγραμμένα μηνύματα στο facebook
Χρησιμοποιώντας αρχή ή τέλος σημαίνει ότι, ανεξάρτητα από την κατεύθυνση του κειμένου, η ευθυγράμμιση είναι συνεπής.
Πώς τα στοιχεία κληρονομούν την ιδιότητα ευθυγράμμισης κειμένου
Θα πρέπει να γνωρίζετε ότι το στοίχιση κειμένου κληρονομεί η ιδιοκτησία. Για παράδειγμα, εάν το ορίσετε στο σώμα στοιχείο, θα ισχύει για κάθε στοιχείο της σελίδας. Μπορείτε, φυσικά, να το παρακάμψετε σε οποιοδήποτε στοιχείο.
Χρήση της ιδιότητας ευθυγράμμισης κειμένου για τη διάταξη ελέγχου
Μπορείτε να χρησιμοποιήσετε το στοίχιση κειμένου Ιδιότητα CSS για τον καθορισμό του τρόπου οριζόντιας διάταξης κειμένου από τα προγράμματα περιήγησης. Οι πιο συνηθισμένες τιμές είναι αριστερά , σωστά , κέντρο , και δικαιολογώ Το Αυτά είναι αρκετά απλά, αν και δικαιολογώ εισάγει κάποια πολυπλοκότητα.
Θα πρέπει να χρησιμοποιήσετε την ευθυγράμμιση κειμένου με φειδώ. Σε διαφημιστικές πινακίδες και αφίσες, η κεντρική ευθυγράμμιση μπορεί να είναι κατάλληλη, αλλά μπορεί να κάνει δυσκολότερη την ανάγνωση μεγαλύτερων μπλοκ κειμένου. Η αιτιολόγηση είναι συνήθως πιο ευανάγνωστη όταν οι γραμμές κειμένου είναι μεγαλύτερες. Η αιτιολόγηση σύντομων στηλών κειμένου μπορεί να δημιουργήσει άσχημη απόσταση.
ο στοίχιση κειμένου Η ιδιότητα είναι μία από τις πολλές ιδιότητες CSS που παρέχουν χρήσιμη μορφοποίηση και βασική τοποθέτηση.
Μερίδιο Μερίδιο Τιτίβισμα ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗ 10 απλά παραδείγματα κώδικα CSS που μπορείτε να μάθετε σε 10 λεπτάΧρειάζεστε βοήθεια με το CSS; Δοκιμάστε αυτά τα βασικά παραδείγματα κώδικα CSS για να ξεκινήσετε και, στη συνέχεια, εφαρμόστε τα στις δικές σας ιστοσελίδες.
Διαβάστε Επόμενο Σχετικά θέματα- Προγραμματισμός
- Ανάπτυξη διαδικτύου
- Σχεδιασμός Ιστού
- CSS
Ο Bobby είναι λάτρης της τεχνολογίας που εργάστηκε ως προγραμματιστής λογισμικού για περισσότερες από δύο δεκαετίες. Είναι παθιασμένος με το gaming, εργάζεται ως Reviews Editor στο Switch Player Magazine και είναι βυθισμένος σε όλες τις πτυχές της διαδικτυακής δημοσίευσης και ανάπτυξης ιστού.
Περισσότερα από τον Bobby JackΕγγραφείτε στο newsletter μας
Εγγραφείτε στο ενημερωτικό μας δελτίο για τεχνικές συμβουλές, κριτικές, δωρεάν ebooks και αποκλειστικές προσφορές!
Κάντε κλικ εδώ για εγγραφή