Lebar min - Trik CSS

Anonim

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

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

Berhati-hatilah apabila menganggap min-widthdiwarisi kerana harta ini tidak diwarisi dari unsur ibu bapa yang lain. Sekiranya pengarang menentukan lebar menggunakan nilai mutlak (px, pt, in, cm, mm), lebar min tidak akan mempengaruhi kerana lebarnya telah ditentukan selama-lamanya. Sebagai contoh, jika nilai 200px digunakan sebagai widthpanjang, min-widthnilai 100px anda tidak akan diperlukan kerana anda telah menentukan nilai mutlak untuk width(iaitu 200px). Cara terbaik untuk menggunakan min-widthadalah dengan menentukan widthnilai sebagai peratusan dan menggunakan nilai mutlak untuk min-widthharta tanah sebaliknya menggunakan nilai peratusan untuk kedua-duanya min-widthdan widthtidak akan menghasilkan hasil yang diharapkan.

Sokongan penyemak imbas

Chrome Safari Firefox Opera IE Android iOS
24+ 5.1+ 18+ 12.1+ 8+ 2.1+ 3.2+

Harta yang berkaitan

Almanak pada 15 Jan 2021

ketinggian

.element ( height: 500px; ) Sara Cope