Στοίχιση γραμματοσειρών css κέντρο. Έλεγχος της ορθότητας του σχεδίου. Σύνταξη στοίχισης κειμένου CSS

Γειά σου! Ας συνεχίσουμε να μαθαίνουμε τα βασικά Γλώσσα HTML. Ας δούμε τι χρειάζεται να γράψετε για να ευθυγραμμίσετε το κείμενο στο κέντρο, το πλάτος ή τις άκρες.

Για να ξεκινήσουμε τη δουλειά, ας δούμε πώς να κεντράρουμε το κείμενο σε τρία διαφορετικοί τρόποι. Τα δύο τελευταία συνδέονται απευθείας με το φύλλο στυλ. Μπορεί να είναι ένα αρχείο CSS που συνδέεται με τις σελίδες του ιστότοπου και καθορίζει την εμφάνισή τους.

Μέθοδος 1 - άμεση εργασία με HTML

Στην πραγματικότητα είναι πολύ απλό. Δείτε παράδειγμα παρακάτω.

Ευθυγραμμίστε την παράγραφο στο κέντρο.

Αν χρειαστεί να μετακινηθείτε θραύσματα κειμένουΔιαφορετικά, αντί για την παράμετρο «κέντρο» εισάγουμε τις ακόλουθες τιμές:

  • αιτιολόγηση – στοίχιση κειμένου στο πλάτος της σελίδας.
  • δεξιά – στη δεξιά άκρη.
  • αριστερά - προς τα αριστερά.

Κατ' αναλογία, μπορείτε να μετακινήσετε το περιεχόμενο που βρίσκεται στις κεφαλίδες (h1, h2) και στο κοντέινερ (div).

Μέθοδοι 2 και 3 - χρήση στυλ

Το σχέδιο που παρουσιάζεται παραπάνω μπορεί να μεταμορφωθεί ελαφρώς. Το αποτέλεσμα θα είναι το ίδιο. Για να το κάνετε αυτό, πρέπει να γράψετε τον παρακάτω κώδικα.

Μπλοκ κειμένου.

Σε αυτή τη μορφή, ο κώδικας γράφεται απευθείας στο HTML για να κεντράρει το περιεχόμενο του κειμένου.

Υπάρχει κάποιο άλλο Εναλλακτική επιλογηγια να επιτευχθεί αποτέλεσμα. Θα χρειαστεί να κάνετε μερικά βήματα.

Βήμα 1. Στον κύριο κώδικα γράψτε

Υλικό κειμένου.

Βήμα 2. Στο πρόσθετο αρχείο CSSεισάγετε τον παρακάτω κωδικό:

Rovno (στοίχιση κειμένου: κέντρο;)

Σημειώνω ότι η λέξη "rovno" είναι απλώς το όνομα μιας τάξης που μπορεί να ονομαστεί διαφορετικά. Αυτό επαφίεται στη διακριτική ευχέρεια του προγραμματιστή.

Κατ' αναλογία, σε HTML μπορείτε εύκολα να κάνετε το κείμενο κεντραρισμένο, αιτιολογημένο και στοιχισμένο στη δεξιά ή την αριστερή άκρη της σελίδας. Όπως μπορείτε να δείτε, υπάρχουν πολύ περισσότερες από μία επιλογές για να πετύχετε τον στόχο σας.

Μόνο μερικές ερωτήσεις:

  • Κάνετε ένα ενημερωτικό μη κερδοσκοπικό έργο;
  • Θέλετε ο ιστότοπός σας να λειτουργεί καλά; μηχανές αναζήτησης?
  • Θέλετε να κερδίσετε εισόδημα μέσω Διαδικτύου;

Εάν όλες οι απαντήσεις είναι θετικές, τότε απλά κοιτάξτε το o ολοκληρωμένη προσέγγισηγια την ανάπτυξη του ιστότοπου. Οι πληροφορίες θα είναι ιδιαίτερα χρήσιμες εάν εργάζεται για CMS WordPress.

Θα ήθελα να επισημάνω ότι οι δικοί σας ιστότοποι είναι μόνο μία από τις πολλές επιλογές για τη δημιουργία παθητικού ή ενεργού εισοδήματος στο Διαδίκτυο. Το ιστολόγιό μου είναι αφιερωμένο στις οικονομικές ευκαιρίες στο διαδίκτυο.

Έχετε εργαστεί ποτέ στον τομέα της κυκλοφορίας αρμπιτράζ, του copywriting και άλλων τομέων δραστηριότητας που φέρνουν τα κύρια ή πρόσθετο εισόδημακατά τη διάρκεια της εξ αποστάσεως συνεργασίας; Μπορείτε να μάθετε για αυτό και πολλά περισσότερα αυτή τη στιγμή στις σελίδες του blog μου.

Θα δημοσιεύσω αρκετά ακόμη στο μέλλον ΧΡΗΣΙΜΕΣ ΠΛΗΡΟΦΟΡΙΕΣ. Να κρατήσουμε επαφή. Εάν θέλετε, μπορείτε να εγγραφείτε στις ενημερώσεις του Workip μέσω e-mail. Η φόρμα συνδρομής βρίσκεται παρακάτω.

Η στοίχιση του κειμένου το καθορίζει εμφάνισηκαι τον προσανατολισμό των άκρων της παραγράφου και μπορεί να είναι αριστερά, δεξιά, κεντραρισμένα ή αιτιολογημένα. Στον πίνακα Το σχήμα 1 δείχνει επιλογές για τη στοίχιση ενός μπλοκ κειμένου.

Τραπέζι 1. Τρόποι ευθυγράμμισης κειμένου
Αριστερά ευθυγράμμιση Δεξιά ευθυγράμμιση Στοίχιση στο κέντρο Αιτιολόγηση
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.

Η πιο συνηθισμένη επιλογή είναι η αριστερή στοίχιση, όπου το κείμενο στα αριστερά πιέζεται στην άκρη ενώ το κείμενο στα δεξιά παραμένει οδοντωτό. Η ευθυγράμμιση δεξιά και κέντρο χρησιμοποιείται κυρίως σε επικεφαλίδες και υποτίτλους. Λάβετε υπόψη ότι όταν χρησιμοποιείτε αιτιολόγηση, μπορεί να εμφανίζονται μεγάλα κενά μεταξύ των λέξεων του κειμένου, κάτι που δεν είναι πολύ ελκυστικό.

Η ετικέτα παραγράφου χρησιμοποιείται συνήθως για να ορίσετε τη στοίχιση κειμένου

Με το χαρακτηριστικό align, το οποίο καθορίζει τη μέθοδο στοίχισης. Είναι επίσης δυνατή η στοίχιση ενός μπλοκ κειμένου χρησιμοποιώντας μια ετικέτα

με παρόμοιο χαρακτηριστικό align, όπως φαίνεται στον πίνακα. 2.

Τραπέζι 2. Στοίχιση κειμένου χρησιμοποιώντας την παράμετρο στοίχιση
Κώδικας HTML Περιγραφή
Προσθέτει νέα παράγραφοςκείμενο, αριστερή στοίχιση από προεπιλογή. Οι μικρές κάθετες εσοχές προστίθενται αυτόματα πριν και μετά τις παραγράφους.

Κείμενο

Στοίχιση στο κέντρο.

Κείμενο

Αριστερά στοίχιση.

Κείμενο

Κείμενο

Ευθυγράμμιση πλάτους.
Κείμενο Απενεργοποιεί αυτόματη μεταφοράγραμμές, ακόμα κι αν το κείμενο είναι ευρύτερο από το παράθυρο του προγράμματος περιήγησης.
Κείμενο Επιτρέπει στο πρόγραμμα περιήγησης να κάνει μια αλλαγή γραμμής καθορισμένη τοποθεσία, ακόμα κι αν χρησιμοποιείται η ετικέτα .
Κείμενο
Στοίχιση στο κέντρο.
Κείμενο
Αριστερά στοίχιση.
Κείμενο
Δεξιά ευθυγράμμιση.
Κείμενο
Ευθυγράμμιση πλάτους.

Η αριστερή στοίχιση των στοιχείων έχει οριστεί από προεπιλογή, επομένως δεν χρειάζεται να την ορίσετε ξανά. Επομένως, το align="left" μπορεί να παραλειφθεί.

Διαφορά μεταξύ παραγράφου (ετικέτα

) και ετικέτα

είναι ότι στην αρχή και το τέλος της παραγράφου εμφανίζεται κατακόρυφο χώρο, κάτι που δεν συμβαίνει όταν χρησιμοποιείτε την ετικέτα
.

Το χαρακτηριστικό align είναι αρκετά καθολικό και μπορεί να εφαρμοστεί όχι μόνο στο κύριο κείμενο, αλλά και σε επικεφαλίδες όπως

. Το Παράδειγμα 1 δείχνει πώς να ορίσετε την ευθυγράμμιση σε μια τέτοια περίπτωση.

Παράδειγμα 1: Στοίχιση κειμένου

Στοίχιση κειμένου

Πώς να πιάσετε ένα λιοντάρι;

Μέθοδος ωμής δύναμης

Χωρίζουμε την έρημο σε μια σειρά από στοιχειώδεις περιοχές, το μέγεθος των οποίων συμπίπτει με συνολικές διαστάσειςλιοντάρι, αλλά ταυτόχρονα μικρότερο μέγεθοςκύτταρα. Στη συνέχεια, με απλή αναζήτηση προσδιορίζουμε την περιοχή στην οποία βρίσκεται το λιοντάρι, κάτι που οδηγεί αυτόματα στη σύλληψή του.

Μέθοδος διχοτομίας

Χωρίζουμε την έρημο στα δύο. Στο ένα μέρος υπάρχει ένα λιοντάρι, στο άλλο δεν υπάρχει κανένα. Παίρνουμε το μισό στο οποίο βρίσκεται το λιοντάρι και το χωρίζουμε ξανά στη μέση. Το επαναλαμβάνουμε μέχρι να πιαστεί το λιοντάρι.



Το αποτέλεσμα του παραδείγματος φαίνεται στο Σχ. 1.

Ρύζι. 1. Ευθυγραμμίστε το κείμενο δεξιά και αριστερά

ΣΕ σε αυτό το παράδειγμαΟ τίτλος στοιχίζεται στο κέντρο του παραθύρου του προγράμματος περιήγησης, η επισημασμένη παράγραφος στοιχίζεται προς τα δεξιά και το κείμενο του σώματος στοιχίζεται προς τα αριστερά.

Πώς να στοιχίσετε κείμενο στο Word και στις δύο άκρες, με διάφορους τρόπους.

Το Word είναι ο πιο δημοφιλής επεξεργαστής. Παρέχει στους χρήστες μεγάλο ποσόευκαιρίες, απλοποιώντας και διευκολύνοντας την εργασία. Για να τα χρησιμοποιήσετε, μελετήστε καλά το πρόγραμμα, μάθετε όλα τα μυστικά του.

Θέλετε να μάθετε πώς να κερδίζετε συνεχώς χρήματα στο διαδίκτυο από 500 ρούβλια την ημέρα;
Κατεβάστε το δωρεάν βιβλίο μου
=>>

Όταν εργάζεστε με κείμενο, Ιδιαίτερη προσοχήδίνεται στη θέση του. Τις περισσότερες φορές, ο επεξεργαστής ορίζει αυτόματα την αριστερή στοίχιση. Μπορείτε να αλλάξετε τη θέση του κειμένου χρησιμοποιώντας ειδικά κουμπιά.

Μερικοί χρήστες, χωρίς να το γνωρίζουν αυτό, προσπαθούν να κάνουν τοποθέτηση κειμένου ακόμη και χρησιμοποιώντας κενά. Αυτή η μέθοδος δεν είναι βολική και απαιτεί πολύ χρόνο. Επιπλέον, είναι σχεδόν αδύνατο να ευθυγραμμιστεί σωστά το κείμενο "με το μάτι". Αν γράφεις ΠΤΥΧΙΑΚΗ ΕΡΓΑΣΙΑ, όπου ο σχεδιασμός παίζει σημαντικό ρόλο, μπορεί απλώς να μην γίνει αποδεκτός.

Πώς να στοιχίσετε κείμενο στο Word και στις δύο άκρες, ακριβώς

Για να διασφαλίσετε ότι το κείμενο είναι ομοιόμορφο και στις δύο άκρες, χρησιμοποιήστε αιτιολόγηση.

Καρτέλα Αρχική

Μπορείτε να ευθυγραμμίσετε το κείμενο και στις δύο άκρες χρησιμοποιώντας το κύριο μενού του προγράμματος επεξεργασίας. Υπάρχουν πολλά κουμπιά στην ενότητα Παράγραφος. Για να βεβαιωθείτε ότι το κείμενο είναι ομοιόμορφα τοποθετημένο τόσο στην αριστερή όσο και στη δεξιά άκρη, επιλέξτε το και κάντε κλικ στο κουμπί "προσαρμογή στο πλάτος". Το κείμενο θα ευθυγραμμιστεί δημιουργώντας πρόσθετο διάστημα.

Κατάλογος συμφραζόμενων

Υπάρχει ένας άλλος τρόπος να κάνετε το κείμενο ομοιόμορφο και από τις δύο πλευρές. Αφού επιλέξετε το κείμενο, χρησιμοποιήστε κάντε δεξί κλικποντίκι, κάντε κλικ και στο εμφανίστηκε κατάλογος συμφραζόμενων, κάντε κλικ στην "Παράγραφος". Θα εμφανιστεί ένα παράθυρο όπου πρέπει να επιλέξετε τη στοίχιση "πλάτος".

Κλειδιά

Υπάρχει ειδικούς συνδυασμούςπλήκτρα που σας επιτρέπουν να τοποθετήσετε κείμενο όπως απαιτείται. Για να κάνετε το κείμενο ομοιόμορφο και στις δύο πλευρές, επιλέξτε το κείμενο και πατήστε ταυτόχρονα το πλήκτρο "CNTR + J". Εάν τα πλήκτρα δεν λειτουργούν, τότε οι ρυθμίσεις σας έχουν αλλάξει.

Επιπλέον επιλογές

Το μόνο κλικ σε ειδικά κουμπιά μπορεί να μην είναι αρκετό για τη σωστή στοίχιση του κειμένου. Ίσως χρειαστεί να βάλετε παύλα στις λέξεις και να πραγματοποιήσετε πρόσθετο έλεγχο.

Συλλαβισμός

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

Ανοίξτε την ενότητα «Διάταξη σελίδας», κάντε κλικ στο «Συλλαβισμός» και επιλέξτε «Αυτόματο».

Έλεγχος της ορθότητας της εγγραφής

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

Πώς να ευθυγραμμίσετε το κείμενο στο Word στις άκρες, περίληψη

Η στοίχιση κειμένου στο Word και στις δύο άκρες είναι αρκετά απλή. Ξεκινήστε να μελετάτε τον επιμελητή και θα κάνετε τη δουλειά σας πιο εύκολη. Σας εύχομαι καλή επιτυχία στην απόκτηση νέων γνώσεων!

ΥΣΤΕΡΟΓΡΑΦΟ.Επισυνάπτω ένα στιγμιότυπο οθόνης των κερδών μου σε προγράμματα συνεργατών. Και σας θυμίζω ότι ο καθένας μπορεί να κερδίσει χρήματα με αυτόν τον τρόπο, ακόμη και ένας αρχάριος! Το κύριο πράγμα είναι να το κάνετε σωστά, που σημαίνει να μαθαίνετε από αυτούς που ήδη βγάζουν χρήματα, δηλαδή από επαγγελματίες του Διαδικτύου.

Λάβετε μια λίστα με αποδεδειγμένα προγράμματα συνεργατών το 2017 που πληρώνουν χρήματα!


Κατεβάστε τη λίστα ελέγχου και τα πολύτιμα μπόνους δωρεάν
=>>

Πολύ συχνά οι άνθρωποι είναι απλώς τεμπέληδες ή δεν έχουν χρόνο να μελετήσουν τη διεπαφή προγράμματα της Microsoft Word, γι' αυτό προκύπτουν ερωτήματα όπως "Πώς να ευθυγραμμίσω το κείμενο στο Word;" - Λοιπόν, ας το καταλάβουμε. Όταν πληκτρολογείτε κείμενο σε αυτό το πρόγραμμα, είναι αυτόματη λειτουργίαευθυγραμμισμένο προς τα αριστερά. Είναι δυνατόν να το μετακινήσω στο κέντρο; Ή στο σωστη πλευρα? Φυσικά. Επιπλέον, μπορείτε να τοποθετήσετε έναν τίτλο (κεφαλίδα εγγράφου) στο κέντρο της σελίδας και να ευθυγραμμίσετε το ίδιο το κείμενο προς τα αριστερά.

Εκμάθηση ευθυγράμμισης κειμένου στο MS Word

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

Θα επιστρέψουμε σε αυτά λίγο αργότερα, ας καταλάβουμε πρώτα πώς να μην ευθυγραμμίσουμε το κείμενο.

Λανθασμένη στοίχιση κειμένου στο Word

Οι άπειροι χρήστες αρχίζουν αρκετά συχνά να ευθυγραμμίζουν το κείμενο με τον τρόπο που χρειάζονται, χρησιμοποιώντας αυτοσχέδια μέσα - δηλαδή βάζουν επιπλέον χώρουςή πατήστε το κουμπί "Tab". Αυτή η στοίχιση θεωρείται λανθασμένη, επειδή η απόσταση από το αριστερό περίγραμμα υπολογίζεται με το μάτι, κάτι που είναι πολύ άβολο για περαιτέρω πληκτρολόγηση ή επεξεργασία κειμένου. Επιπλέον, είναι σχεδόν αδύνατο να κάνετε την απαραίτητη εσοχή με το μάτι, γι' αυτό και ορισμένα έγγραφα ενδέχεται να μην γίνονται δεκτά. Ειδικότερα, αυτό ισχύει για τα πτυχία - κανένας καθηγητής δεν θα δεχτεί κείμενο που εκτυπώνεται με αυτόν τον τρόπο - πρέπει να τηρούνται αυστηρά όλες οι απαιτήσεις, μέχρι την εσοχή και τη στοίχιση. Επιπλέον, η ίδια η μέθοδος δεν μπορεί να ονομαστεί βολική - πρέπει να πατήσετε πάρα πολύ στα κουμπιά προβλημάτων και στην καρτέλα.

Είναι ένα πράγμα αν αφορά δίπλωμα. Τι γίνεται αν αυτό είναι επίσημο έγγραφο; Με αυτήν την προσέγγιση, μπορείτε εύκολα να χάσετε τη φήμη της επιχείρησής σας. Αυτός είναι ο λόγος για τον οποίο, για να ευθυγραμμίσετε το κείμενο, θα πρέπει να χρησιμοποιήσετε τυπικά εργαλεία MS Word - τα κουμπιά που βρίσκονται στην ενότητα "Αρχική σελίδα".

Για να ελέγξετε την ορθότητα του εγγράφου, υπάρχει επίσης ένα ειδικό κουμπί κάνοντας κλικ σε αυτό, θα δείτε κρυφά σημάδια, γι 'αυτό είναι καλύτερα να προσεγγίσετε το θέμα της σωστής μορφοποίησης από την αρχή.

Αφού κάνετε κλικ, στο κείμενο θα εμφανιστούν περίεργοι χαρακτήρες, πολλές τελείες και βέλη.

Οι τελείες είναι οι χώροι που βάζετε. Βέλη – κλικ Πλήκτρα καρτέλας, τα υπόλοιπα είναι για εμάς σε αυτό το στάδιοδεν έχει πρακτική σημασία. Έτσι, εάν βάλετε πάρα πολλά κενά στη σειρά για να ευθυγραμμίσετε το κείμενο με τον τρόπο που χρειάζεστε, όταν κάνετε κλικ στο κουμπί "Εμφάνιση όλων των χαρακτήρων", το λάθος σας θα γίνει αμέσως αντιληπτό - πολλές κουκκίδες και βέλη.

Για να επιστρέψετε ένα έγγραφο στο όπως και πρινΘα πρέπει να κάνετε ξανά κλικ στο ίδιο κουμπί.

Ευθυγραμμίστε το κείμενο χρησιμοποιώντας τυπικά εργαλεία του Microsoft Word

Λοιπόν, ας επιστρέψουμε στα ίδια τέσσερα κουμπιά που παρουσιάστηκαν προηγουμένως.
  • Το πρώτο είναι υπεύθυνο για την αριστερή στοίχιση, δηλαδή, το κείμενο θα "μαγνητιστεί" στην αριστερή άκρη.
  • Το δεύτερο είναι υπεύθυνο για την ευθυγράμμιση στο κέντρο.
  • Το τρίτο είναι υπεύθυνο για τη σωστή ευθυγράμμιση.
  • Το τέταρτο το ευθυγραμμίζει με το πλάτος του εγγράφου, δηλαδή, κατανέμει ομοιόμορφα το κείμενο μεταξύ της αριστερής και της δεξιάς ακμής, γεγονός που καθιστά δυνατή την επίτευξη καθαρών και ομοιόμορφων άκρων.

    Όπως μπορείτε να δείτε, όλα είναι εξαιρετικά απλά. Σπεύδουμε να σας ευχαριστήσουμε, δεν θα χρειαστεί να ξαναγράψετε το κείμενο - μπορείτε να το ευθυγραμμίσετε ακόμα και μετά την εκτύπωσή του. Επιλέξτε την απαιτούμενη περιοχή με το ποντίκι και κάντε κλικ σε ένα από τα κουμπιά.

  • Σε προγράμματα όπως, για παράδειγμα, Microsoft WordΠιθανότατα έχετε συναντήσει εργαλεία οριζόντιας στοίχισης κειμένου. Μπορείτε να στοιχίσετε το κείμενο αριστερά ή δεξιά, κεντραρισμένο ή αιτιολογημένο. Το ίδιο πράγμα υπάρχει και στο CSS - η στοίχιση κειμένου γίνεται χρησιμοποιώντας ιδιότητες στοίχισης κειμένουκαι τις αντίστοιχες τιμές, οι οποίες φαίνονται στον πίνακα:

    Παράδειγμα καταχώρισης στυλ:

    P (στοίχιση κειμένου: αριστερά;)

    Αριστερές, δεξιές και κεντρικές τιμές Το κείμενο με αριστερή στοίχιση φαίνεται σχεδόν πάντα καλό στις ιστοσελίδες και είναι ευανάγνωστο. Η σωστή στοίχιση χρησιμοποιείται, κατά κανόνα, σπάνια στις ευρωπαϊκές γλώσσες, αλλά δεν μπορεί να χαρακτηριστεί εντελώς άχρηστη: αυτό το στυλ είναι χρήσιμο για όμορφο σχέδιολεζάντες για φωτογραφίες ή εισαγωγικά, στοίχιση των περιεχομένων των κελιών του πίνακα ή μικρά τμήματα κειμένου. Η κεντρική τιμή χρησιμοποιείται συχνά για τους ίδιους σκοπούς. Μπορεί να χρησιμοποιηθεί η τιμή justify Το κείμενο Justify στο CSS έντυπες εκδόσειςσελίδες, αλλά δεν συνιστάται να παρασυρθείτε με αυτό το στυλ σε ιστοσελίδες που έχουν σχεδιαστεί για προβολή σε οθόνη. Γιατί; Με την πρώτη ματιά, το αιτιολογημένο κείμενο φαίνεται ωραίο και ομοιόμορφο, σαν στήλη σε εφημερίδα. Αλλά για να επεκταθεί το κείμενο με αυτόν τον τρόπο, το πρόγραμμα περιήγησης πρέπει να προσθέσει επιπλέον χώροανάμεσα στις λέξεις, με αποτέλεσμα να δημιουργούνται αντιαισθητικά κενά στο κείμενο, δυσκολεύοντας την ανάγνωση. Σε προγράμματα που έχουν σχεδιαστεί για την προετοιμασία δεδομένων για εκτύπωση, συμβαίνουν πολλά περισσότερα. λεπτό συντονισμόδιάστιχο στο κείμενο και συχνά χρησιμοποιείται αναδίπλωση λέξεων, κάτι που δεν υπάρχει σε πολλά προγράμματα περιήγησης. Επομένως, είναι απαραίτητο να ελέγξετε πόσο δικαιολογημένο φαίνεται το κείμενο στις ιστοσελίδες και η πρώτη ερώτηση που πρέπει να κάνετε στον εαυτό σας είναι: είναι εύκολο να διαβαστεί; Αυτό ισχύει ιδιαίτερα για στενά τμήματα κειμένου (συμπ. εκδόσεις για κινητάσελίδες). Τιμές έναρξης και τέλους Οι τιμές έναρξης και λήξης για την ιδιότητα στοίχισης κειμένου υλοποιούνται στο CSS3 και λειτουργούν σχεδόν το ίδιο με το αριστερό και το δεξί, αλλά υπάρχει μια διαφορά. Εφαρμόζοντας την τιμή έναρξης σε κείμενο που εκτελείται από τα αριστερά προς τα δεξιά (LTR), η στοίχιση θα είναι αριστερά (αντίστοιχα, για κείμενο που εκτελείται από δεξιά προς τα αριστερά (RTL), η στοίχιση θα είναι δεξιά) . Είναι λογικό η τελική τιμή να λειτουργεί με τον αντίθετο τρόπο (δηλαδή, ευθυγραμμίζει το κείμενο LTR προς τα δεξιά και το κείμενο RTL προς τα αριστερά). Αυτές οι δύο τιμές δεν υποστηρίζονται από ορισμένα προγράμματα περιήγησης, συμπεριλαμβανομένων Internet Explorer, επομένως, εάν δεν υπάρχει επείγουσα ανάγκη να τα χρησιμοποιήσετε, συνιστούμε να χρησιμοποιήσετε την αριστερή και τη δεξιά τιμή.

    Τα στιγμιότυπα οθόνης δείχνουν παραδείγματα χρήσης διαφορετικές έννοιεςγια περιουσία Στοίχιση κειμένου CSS:

    Στιγμιότυπο οθόνης 1: Στοίχιση κειμένου LTR προς τα αριστερά χρησιμοποιώντας την τιμή έναρξης. Μια παρόμοια εμφάνιση μπορεί να επιτευχθεί χρησιμοποιώντας την αριστερή τιμή.
    Στιγμιότυπο οθόνης 2: Στοίχιση κειμένου LTR προς τα δεξιά χρησιμοποιώντας την τελική τιμή. Μια παρόμοια εμφάνιση μπορεί να επιτευχθεί χρησιμοποιώντας τη σωστή τιμή.
    Στιγμιότυπο οθόνης 3: Στοίχιση κειμένου σε πλάτος. Με μικρή γραμματοσειρά και μεγάλο πλάτος σελίδας/μπλοκ, αυτή η επιλογή για τη στοίχιση κειμένου σε μια ιστοσελίδα φαίνεται αποδεκτή.
    Στιγμιότυπο οθόνης 4: το μέγεθος της γραμματοσειράς έχει αυξηθεί και το πλάτος του μπλοκ έχει μειωθεί σε σύγκριση με το προηγούμενο παράδειγμα. Όπως μπορείτε να δείτε, στο κείμενο έχουν εμφανιστεί άσχημα κενά (υπογραμμισμένα με κόκκινη γραμμή).
    Στιγμιότυπο οθόνης 5: δύο τρόποι για να στοιχίσετε κείμενο χρησιμοποιώντας το παράδειγμα της έκδοσης για κινητά του σεμιναρίου μας (στα αριστερά - στοίχιση κειμένου: αριστερά, στα δεξιά - στοίχιση κειμένου: δικαιολογήστε). Δοκιμάστε να διαβάσετε το κείμενο και στις δύο στήλες και καθορίστε ποια επιλογή είναι πιο άνετη για ανάγνωση.