Min-leveys - CSS-temppuja

Sisällysluettelo

min-widthOmaisuus CSS käytetään asettamaan vähimmäisleveyden tietyn elementin. min-widthOmaisuus syrjäyttää aina widthkiinteistön onko seurasi ennen tai jälkeen widthoman ilmoituksessa. Kirjoittajat voivat käyttää mitä tahansa pituusarvoista, kunhan ne ovat positiivisia arvoja.

.wrapper ( width: 100%; min-width: 20em; /* Will be AT LEAST 20em wide */ )
Katso tämä kynä!

Ole tietoinen olettaessasi, että olet min-widthperinyt, koska tämä ominaisuus ei peri muilta vanhemmilta elementeiltä. Jos tekijät määrittelevät leveyden absoluuttisella arvolla (px, pt, in, cm, mm), min-leveys ei vaikuta, koska leveys on määritelty loputtomiin. Esimerkiksi, jos widthpituus on 200 min-widthkuvapistettä, 100 kuvapisteen arvo ei ole välttämätön, koska olet jo määrittänyt absoluuttisen arvon width(eli 200 kuvapistettä). Paras tapa käyttää min-widthon määritellä widtharvo prosentteina ja käyttää min-widthkiinteistön absoluuttinen arvo, muuten käyttämällä molempien prosenttiosuutta min-widtheikä widthse saa aikaan odotettua tulosta.

Selaimen tuki

Kromi Safari Firefox Ooppera IE Android iOS
24+ 5.1+ 18+ 12.1+ 8+ 2.1+ 3.2+

Liittyvät ominaisuudet

Almanakka 15. tammikuuta 2021

korkeus

.element ( height: 500px; ) Sara Cope

Mielenkiintoisia artikkeleita...