Στιριακή Στατική Κείμενο CSS

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

text-align Η ιδιότητα χρησιμοποιείται για τη ρύθμιση της οριζόντιας στοιχίωσης του κειμένου.

Το κείμενο μπορεί να είναι αριστερά ή δεξιά ή κεντρικά.

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

Παράδειγμα

h1 {
  text-align: center;
}
h2 {
  text-align: left;
}
h3 {
  text-align: right;
}

Δοκιμάστε το Εκτέλεση

όταν text-align Η ρύθμιση της ιδιότητας σε "justify" θα επεκτείνει κάθε γραμμή, ώστε να έχει ίση πλάτος και οι περιθώρια να είναι ευθεία (όπως σε περιοδικά και εφημερίδες):

Παράδειγμα

div {
  text-align: justify;
}

Δοκιμάστε το Εκτέλεση

Κατεύθυνση Κειμένου

direction και unicode-bidi Το χαρακτηριστικό μπορεί να χρησιμοποιηθεί για να αλλάξει την κατεύθυνση του κειμένου του στοιχείου:

Παράδειγμα

p {
  direction: rtl;
  unicode-bidi: bidi-override;
}

Δοκιμάστε το Εκτέλεση

Οριζόντια Συγκόλληση

vertical-align Η ρύθμιση του vertical-align του στοιχείου.

Αυτό το παράδειγμα δείχνει πώς να ρυθμίσετε τον τρόπο vertical-align για την εικόνα στο κείμενο:

Παράδειγμα

img.top {
  vertical-align: top;
}
img.middle {
  vertical-align: middle;
}
img.bottom {
  vertical-align: bottom;
}

Δοκιμάστε το Εκτέλεση