Ελάχιστο πλάτος - CSS-Κόλπα

Η min-widthιδιότητα στο CSS χρησιμοποιείται για τον καθορισμό του ελάχιστου πλάτους ενός καθορισμένου στοιχείου. Η min-widthιδιότητα παρακάμπτει πάντα την widthιδιότητα είτε ακολουθείται πριν ή μετά widthαπό τη δήλωσή σας. Οι συγγραφείς μπορούν να χρησιμοποιούν οποιαδήποτε από τις τιμές μήκους εφόσον είναι θετική.

.wrapper ( width: 100%; min-width: 20em; /* Will be AT LEAST 20em wide */ )

Δείτε αυτό το στυλό!

Να είστε προσεκτικοί όταν υποθέτετε ότι min-widthκληρονομείται καθώς αυτή η ιδιότητα δεν κληρονομεί από άλλα γονικά στοιχεία. Εάν οι συγγραφείς ορίσουν ένα πλάτος χρησιμοποιώντας μια απόλυτη τιμή (px, pt, in, cm, mm), το ελάχιστο πλάτος δεν θα επηρεαστεί καθώς το πλάτος έχει οριστεί επ 'αόριστον. Για παράδειγμα, εάν η τιμή των 200 εικονοστοιχείων χρησιμοποιείται ως widthμήκος, η min-widthτιμή των 100 εικονοστοιχείων δεν θα είναι απαραίτητη καθώς έχετε ήδη καθορίσει μια απόλυτη τιμή για το width(δηλ. 200 εικονοστοιχεία). Ο καλύτερος τρόπος χρήσης min-widthείναι να ορίσετε μια widthτιμή ως ποσοστό και να χρησιμοποιήσετε μια απόλυτη τιμή για την min-widthιδιότητα, διαφορετικά χρησιμοποιώντας μια ποσοστιαία τιμή και για τα δύο min-widthκαι widthδεν θα παράγετε το αναμενόμενο αποτέλεσμα.