Pengiraan Flexbox untuk faktor pengecutan, seperti yang digariskan dalam spesifikasi, memerlukan mendarabkan faktor pengecutan setiap item mengikut saiz asas lenturnya, menghasilkan faktor pengecutan berskala. Faktor berskala ini kemudiannya digunakan untuk menentukan perkadaran ruang kosong negatif yang perlu digunakan pada setiap item.
Kotak Kandungan vs Kotak Sempadan
Apabila padding diperkenalkan, saiz asas flex bergantung pada nilai saiz kotak. Dalam kes kotak kandungan, padding ditambah pada lebar luar, mengekalkan saiz dalam yang digunakan sebagai saiz asas fleksibel. Akibatnya, pengiraan pengecutan kekal sama seperti senario tanpa pelapik.
Walau bagaimanapun, apabila saiz kotak ditetapkan kepada kotak sempadan, saiz asas lentur yang ditentukan menjadi lebar luar, termasuk pelapik. Saiz asas lentur dalam dikira dengan menolak lebar sempadan dan padding. Perubahan dalam saiz asas lentur dalam mempengaruhi pengiraan faktor pengecutan berskala dan akhirnya kelakuan pengecutan item fleksibel.
Pengiraan Pengecutan dengan Kotak Sempadan
Pertimbangkan situasi dengan padding dan set saiz kotak ke kotak sempadan:
Mengira faktor pengecutan berskala:
Akhir sekali, gunakan faktor pengecutan berskala pada ruang bebas negatif:
Dalaman dan Luaran Dilaraskan Saiz
Melaraskan saiz yang dikira untuk mengambil kira saiz asas lentur luar:
Ini menunjukkan cara pengecutan diagihkan berdasarkan faktor pengecutan fleksibel dan pertimbangan saiz kotak sempadan. Pelapik ditambah semula pada lebar luar, menghasilkan saiz pengiraan yang berbeza berbanding senario kotak kandungan.
Atas ialah kandungan terperinci Bagaimanakah Faktor Pengecutan Flex Berinteraksi dengan Padding dalam Saiz Kotak Sempadan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!