Χήρες - CSS-Κόλπα

Anonim

Σε όρους τυπογραφίας, η χήρα είναι η τελευταία γραμμή μιας παραγράφου που μένει μόνη της σε μια νέα σελίδα ή σε μια νέα στήλη. Η widowsιδιότητα στο CSS ελέγχει τον ελάχιστο αριθμό γραμμών μιας παραγράφου που μπορεί να πέσει σε μια νέα σελίδα. Αυτή η ιδιότητα επηρεάζει μόνο σελιδοποιημένα μέσα όπως print.

@media print ( p ( widows: 3; ) )

Εάν μια παράγραφος δεν μπορεί να χωρέσει σε μία σελίδα στο σύνολό της, χωρίζεται όπου είναι δυνατόν. Με αυτόν τον τρόπο μεμονωμένες γραμμές μιας παραγράφου μπορούν να εμφανιστούν στη σελίδα πριν συνεχιστεί στην επόμενη σελίδα. Αυτό είναι συνήθως ανεπιθύμητο, τόσο πολλοί επεξεργαστές κειμένου απαιτούν τουλάχιστον δύο γραμμές να παραμείνουν σε μια παλιά σελίδα, αντί για μία. Η orphanιδιοκτησία ενεργεί παρόμοια. Μπορείτε να του δώσετε έναν θετικό αριθμό (όπου το 2 είναι το προεπιλεγμένο) ή inherit.

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

Εν ολίγοις, στο CSS συγκεκριμένα:
  • widows= ελάχιστος αριθμός γραμμών σε μια παράγραφο που χωρίζεται στη νέα σελίδα.
  • orphans= ελάχιστος αριθμός γραμμών σε μια παράγραφο που χωρίζεται στην παλιά σελίδα.
Οι κόκκινες γραμμές είναι χήρες.

Σχετιζομαι με

  • ορφανά

Υποστήριξη προγράμματος περιήγησης

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

Επιφάνεια εργασίας

Χρώμιο Firefox ΙΕ Ακρη Σαφάρι
25 Οχι 8 12 7

Κινητό / Tablet

Android Chrome Android Firefox Android iOS Safari
88 Οχι 4.4 7.0-7.1