Min-breedte - CSS-trucs

Anonim

De min-widtheigenschap in CSS wordt gebruikt om de minimale breedte van een opgegeven element in te stellen. De min-widtheigenschap heeft altijd voorrang op de widtheigenschap, of deze nu voor of na widthin uw aangifte is gevolgd . Auteurs mogen alle lengtewaarden gebruiken, zolang ze maar een positieve waarde zijn.

.wrapper ( width: 100%; min-width: 20em; /* Will be AT LEAST 20em wide */ )
Kijk eens naar deze pen!

Let op wanneer u aanneemt dat min-widthwordt overgeërfd, aangezien deze eigenschap niet erft van andere bovenliggende elementen. Als auteurs een breedte definiëren met een absolute waarde (px, pt, in, cm, mm), heeft de min-breedte geen invloed omdat de breedte voor onbepaalde tijd is gedefinieerd. Als bijvoorbeeld een waarde van 200px als widthlengte wordt gebruikt , is uw min-widthwaarde van 100px niet nodig omdat u al een absolute waarde voor de width(dwz 200px) hebt opgegeven . De beste manier om te gebruiken min-widthis om een widthwaarde te definiëren als een percentage en een absolute waarde voor de min-widtheigenschap te gebruiken, anders gebruikt u een percentagewaarde voor beide min-widthen widthlevert dit niet het verwachte resultaat op.

Browser-ondersteuning

Chrome Safari Firefox Opera D.W.Z Android iOS
24+ 5.1+ 18+ 12.1+ 8+ 2.1+ 3.2+

Gerelateerde eigenschappen

Almanac op 15 januari 2021

hoogte

.element ( height: 500px; ) Sara Cope