Ξεχείλισμα

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

Προσαρμόστε την overflowιδιότητα on the fly με τέσσερις προεπιλεγμένες τιμές και κλάσεις. Αυτές οι κλάσεις δεν ανταποκρίνονται από προεπιλογή.

Αυτό είναι ένα παράδειγμα χρήσης .overflow-autoσε ένα στοιχείο με καθορισμένες διαστάσεις πλάτους και ύψους. Με βάση τη σχεδίαση, αυτό το περιεχόμενο θα πραγματοποιήσει κάθετη κύλιση.

Αυτό είναι ένα παράδειγμα χρήσης .overflow-hiddenσε ένα στοιχείο με καθορισμένες διαστάσεις πλάτους και ύψους.

Αυτό είναι ένα παράδειγμα χρήσης .overflow-visibleσε ένα στοιχείο με καθορισμένες διαστάσεις πλάτους και ύψους.

Αυτό είναι ένα παράδειγμα χρήσης .overflow-scrollσε ένα στοιχείο με καθορισμένες διαστάσεις πλάτους και ύψους.

<div class="overflow-auto">...</div>
<div class="overflow-hidden">...</div>
<div class="overflow-visible">...</div>
<div class="overflow-scroll">...</div>

Χρησιμοποιώντας μεταβλητές Sass, μπορείτε να προσαρμόσετε τα βοηθητικά προγράμματα υπερχείλισης αλλάζοντας τη $overflowsμεταβλητή σε _variables.scss.

Sass

Utilities API

Τα βοηθητικά προγράμματα υπερχείλισης δηλώνονται στο API βοηθητικών προγραμμάτων μας σε scss/_utilities.scss. Μάθετε πώς να χρησιμοποιείτε το API βοηθητικών προγραμμάτων.

    "overflow": (
      property: overflow,
      values: auto hidden visible scroll,
    ),