Min-širina - CSS-trikovi

Anonim

min-widthNekretnina u CSS se koristi za postavljanje minimalnu širinu od određenog elementa. min-widthNekretnina uvijek nadjačava widthimovinu da li slijedi prije ili poslije widthu svoj izjavi. Autori mogu koristiti bilo koju od vrijednosti duljine ukoliko su pozitivne.

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

Imajte na umu kada pretpostavite da min-widthje naslijeđeno jer ovo svojstvo ne nasljeđuje ostale roditeljske elemente. Ako autori definiraju širinu pomoću apsolutne vrijednosti (px, pt, in, cm, mm), minimalna širina neće utjecati jer je širina definirana na neodređeno vrijeme. Na primjer, ako se kao widthduljina koristi min-widthvrijednost od 200 piksela , vaša vrijednost od 100 piksela neće biti potrebna jer ste već naveli apsolutnu vrijednost za width(tj. 200 piksela). Najbolji način za upotrebu min-widthje definiranje widthvrijednosti kao postotak i korištenje apsolutne vrijednosti za min-widthsvojstvo, u suprotnom upotreba postotne vrijednosti za obje stavke min-widthi widthneće dati očekivani rezultat.

Podrška preglednika

Krom Safari Firefox Opera IE Android iOS
24+ 5.1+ 18+ 12,1+ 8+ 2.1+ 3,2+

Povezana svojstva

Almanah 15. siječnja 2021

visina

.element ( height: 500px; ) Sara Cope