Min-szerokość - CSS-Tricks

Anonim

min-widthNieruchomość w CSS jest używany do ustawienia minimalnej szerokości z określonego elementu. min-widthNieruchomość zawsze nadpisuje widthwłasność czy następuje przed lub po widthw swojej deklaracji. Autorzy mogą używać dowolnych wartości długości, o ile są one dodatnie.

.wrapper ( width: 100%; min-width: 20em; /* Will be AT LEAST 20em wide */ )
Sprawdź ten długopis!

Należy uważać, gdy założenie min-widthjest dziedziczone, ponieważ ta właściwość nie dziedziczy po innych elementach nadrzędnych. Jeśli autorzy zdefiniują szerokość za pomocą wartości bezwzględnej (px, pt, in, cm, mm), min-width nie będzie obowiązywać, ponieważ szerokość została zdefiniowana na czas nieokreślony. Na przykład, jeśli jako widthdługość użyta jest wartość 200px , min-widthwartość 100px nie będzie potrzebna, ponieważ już określiłeś wartość bezwzględną dla width(tj. 200px). Najlepszym sposobem użycia min-widthjest zdefiniowanie widthwartości jako procent i użycie wartości bezwzględnej dla min-widthwłaściwości, w przeciwnym razie użycie wartości procentowej dla obu min-widthi widthnie przyniesie oczekiwanego wyniku.

Wsparcie przeglądarki

Chrom Safari Firefox Opera TO ZNACZY Android iOS
24+ 5.1+ 18+ 12.1+ 8+ 2.1+ 3.2+

Powiązane właściwości

Almanach 15 stycznia 2021 r

wysokość

.element ( height: 500px; ) Sara Cope