in English
Ξεχείλισμα
Χρησιμοποιήστε αυτά τα βοηθητικά προγράμματα για τη γρήγορη διαμόρφωση του τρόπου με τον οποίο το περιεχόμενο υπερχειλίζει ένα στοιχείο.
Προσαρμόστε την 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,
),