Mengapa Peratusan Padding pada Item Flex Menyebabkan Isu Susun Atur?

Mengapa Peratusan Padding Mengganggu Item Flex

Teka-teki anda dengan

elemen yang memecahkan

menjadi berbilang baris apabila peratusan pelapik digunakan berpunca daripada cara pelapik dikira. Peratusan pelapik ditentukan secara relatif kepada lebar blok yang mengandungi, yang dalam kes ini ialah
.

Sebelum peratusan pelapik boleh dikira, lebar < ;ul> mesti ditubuhkan dahulu. Dengan menggunakan pelapik peratusan tanpa menetapkan lebar tetap untuk

, anda pada asasnya meminta penyemak imbas meneka lebarnya berdasarkan kandungannya.

Sebagai lebar pengiraan

bergantung pada kandungannya, menggunakan pelapik peratusan memperkenalkan gelung pergantungan. Penyemak imbas mula-mula cuba mengira lebar
• elemen dengan peratusan pelapik, yang mempengaruhi lebar
  . Lebar ini kemudiannya digunakan untuk mengira pelapik untuk
  • elemen, yang sekali lagi mempengaruhi lebar
    .

    Proses berulang ini berterusan sehingga lebar akhirnya diselesaikan, tetapi ia boleh mengakibatkan tingkah laku yang tidak dijangka seperti reka letak berbilang baris yang anda saksikan apabila anda menggunakan peratusan padding. Sebagai alternatif, menggunakan pelapik tetap menghapuskan pengiraan bulat ini dan memastikan susun atur yang stabil.

    Atas ialah kandungan terperinci Mengapa Peratusan Padding pada Item Flex Menyebabkan Isu Susun Atur?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!