Apakah Maksud 'flex: 1' Sebenarnya dalam CSS?

Mentafsir Maksud "flex: 1" dalam CSS

Sifat flex menawarkan tatatanda singkatan komprehensif untuk mengawal tingkah laku saiz elemen dalam susun atur kotak yang fleksibel. Secara lalai, ia menetapkan flex-grow kepada 0, flex-shrink kepada 1 dan flex-basis kepada auto. Walau bagaimanapun, penggunaan "flex: 1" telah menimbulkan persoalan mengenai tafsirannya.

Menyingkap Kepentingan Shorthand

Apabila digunakan pada elemen, "flex: 1" diterjemahkan kepada tetapan khusus berikut:

• flex-grow: . berkadar dengan ruang yang tersedia apabila bekas induk mengecil.
• asas lentur: 0: Ini menandakan bahawa elemen tidak mempunyai saiz yang dipratentukan dan akan menduduki ruang yang tersedia berdasarkan item flex yang lain dan saiz bekas.
• Pada dasarnya, "flex: 1" merangkumi konsep mengembang dan mengecutkan unsur yang sama dalam bekas induknya. Ia adalah tatatanda trengkas yang memudahkan kawalan kelakuan saiz semula elemen, memastikan reka letak responsif dan boleh disesuaikan.

Atas ialah kandungan terperinci Apakah Maksud 'flex: 1' Sebenarnya dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!