Lebar maksimum - Trik CSS

Anonim

The max-widthharta di CSS digunakan untuk menetapkan lebar maksimum unsur yang ditetapkan. The max-widthharta mengatasi yang widthharta, tetapi min-widthakan sentiasa mengatasi max-widthsama ada diikuti sebelum atau selepas widthdalam akuan anda. Pengarang boleh menggunakan mana-mana nilai panjang selagi nilai positif.

.wrapper ( width: 100%; max-width: 20em; /* Will be AT MOST 20em wide */ ) .wrapper ( min-width: 50em; /* Overrides max-width */ width: 100%; max-width: 20em; /* Will be AT MOST 20em wide */ )
Lihat Pen ini!

Berhati-hatilah apabila menganggap max-widthdiwarisi kerana harta ini tidak diwarisi dari unsur ibu bapa yang lain. Sekiranya width300px telah ditentukan dengan max-width600px, nilai awal widthakan selalu mengatasi max-widthnilai 600px.

Sokongan penyemak imbas

IE Hujung Firefox Chrome Safari Opera
7+ Semua Semua Semua Semua Semua
Android Chrome Android Firefox Penyemak Imbas Android Safari iOS Opera Mudah Alih
Semua Semua Semua Semua Semua
Sumber: caniuse

Harta yang berkaitan

Almanak pada 15 Jan 2021

ketinggian

.element ( height: 500px; ) Sara Cope